.btn-link:hover {
    color: #fa4747;
}

.btn-link:focus {
    color: #d42525;
}

.am-breadcrumb-wrap {
    overflow-y: hidden;
}

.xue-mall-course-link {
    display: none;
}

button,
a {
    outline: none;
}

.xue-search-filter {
    display: block;
}

.xue-block-grid-live {
    margin-left: -5px;
    margin-right: -5px;
}

.xue-block-grid-live .free-card.free-card-border {
    cursor: default;
}

.xue-block-grid-live .free-card {
    border: none;
    overflow: hidden;
}

.xue-block-grid-live .free-card:hover {
    border-top-color: transparent !important;
    box-shadow: none;
    cursor: default;
}

.xue-block-grid-live .free-card .free-card-top {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.am-text-soled {
    font-size: 24px;
    color: #666;
    line-height: 48px;
}

.xue-list-footer {
    background-color: #fff !important;
}

.course-list-tab {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 2px solid #333333;
    padding-left: 0;
    font-size: 14px;
}

.course-list-tab li {
    line-height: 2.2;
    display: inline-block;
    padding: .4em 1em;
}

.course-list-tab li i {
    margin-left: 5px;
    line-height: 28px;
}

.course-list-tab li a {
    color: #333;
}

.course-list-tab .stu-term-select {
    border: 1px solid #eaeaea;
    background: #fff;
    position: relative;
    border-bottom: 0;
}

.course-list-tab .stu-term-select:hover .stu-term-select-content {
    display: block;
}

.course-list-tab .stu-term-select:hover .fa-angle-down {
    transform: rotate(180deg);
}

.course-list-tab .stu-term-select .stu-term-select-content {
    display: none;
    position: absolute;
    background: red;
    width: 100px;
    top: 41px;
    left: -1px;
    border: 1px solid #eaeaea;
    border-top: none;
    background: #fff;
    text-align: center;
    padding: 0;
    z-index: 100;
}

.course-list-tab .stu-term-select .stu-term-select-content a {
    display: block;
    text-align: center;
}

.course-list-tab .Onlylive-select {
    float: right;
    font-size: 12px;
    cursor: default;
}

.course-list-tab .Onlylive-select strong {
    font-style: normal;
    font-weight: normal;
    color: #e74c3c;
}

.course-list-tab .current {
    background: #333333;
    color: #fff;
}

.course-list-tab .current a {
    color: #fff;
}

.course-list-tab .course-list-tab-click {
    width: 41px;
    height: 41px;
    float: right;
    cursor: pointer;
}

.course-list-tab .course-list-tab-click a {
    color: #999999;
}

.course-list-tab .course-list-tab-click i {
    margin-left: 0;
}

.course-list-tab .course-list-tab-click.active {
    background: #e6e6e6;
}

.course-list-tab .course-list-tab-click.active a {
    color: #333333;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list {
    height: 160px;
    background: #fff;
    padding: 30px 40px;
    margin-bottom: 14px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05), -5px 0px 10px rgba(0, 0, 0, 0.05);
    border-top-color: #f13232 !important;
    cursor: pointer;
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-left {
    width: 227px;
    height: 100%;
    float: left;
    margin-top: 4px;
    height: 126px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -ms-line-clamp: 3;
    overflow: hidden;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-left p {
    line-height: 40px;
    font-size: 20px;
    color: #333;
    padding-right: 20px;
    max-height: 116px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -o-line-clamp: 3;
    -ms-line-clamp: 3;
    overflow: hidden;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center {
    width: 660px;
    border-right: 1px solid #f0eeef;
    border-left: 1px solid #f0eeef;
    height: 100%;
    float: left;
    padding: 0 50px 0px 60px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center p {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 0;
    overflow: hidden;
    height: 26px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center p:first-child {
    max-width: 548px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center p span {
    font-size: 14px;
    color: #666666;
    margin-right: 30px;
    float: left;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center p span:first-child {
    width: 258px;
    overflow: hidden;
    height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center p span i {
    margin-top: -5px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center p span.xue-subtitle {
    color: #FF6E24;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul {
    margin-top: 5px;
    overflow: hidden;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li {
    margin-right: 35px;
    float: left;
    position: relative;
    width: 104px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar {
    float: left;
    width: 42px;
    height: 42px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar span img {
    width: 40px;
    height: 40px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style2 span {
    width: 40px;
    height: 40px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style2 span:first-child {
    left: -20px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style2 span:nth-child(2) {
    left: 20px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style3 span {
    width: 19px;
    height: 19px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style3 span img {
    width: 19px;
    height: 19px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style3 span:first-child {
    margin-left: 10px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style4 span {
    width: 19px;
    height: 19px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-card-subject-avatar.xue-avatar-style4 span img {
    width: 19px;
    height: 19px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-block-list-avatar-teacher-name {
    float: left;
    margin-left: 10px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-block-list-avatar-teacher-name p {
    font-size: 13px;
    color: #666;
    line-height: 20px;
    width: 52px;
    overflow: hidden;
    height: 20px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-block-list-avatar-teacher-name p:first-child {
    color: #999;
    position: relative;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .xue-block-list-avatar-teacher-name p:first-child .xue-block-list-avatar-teacher-name {
    position: absolute;
    right: 0;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-center ul li .student-num-label {
    right: -48px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right {
    width: 227px;
    height: 100%;
    float: left;
    overflow: hidden;
    margin-top: 5px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p {
    text-align: right;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p.xue-block-list-tabWrap-list-right-tip1 span {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p.xue-block-list-tabWrap-list-right-tip1 strong {
    font-size: 40px;
    color: #f13232;
    line-height: 30px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p.xue-block-list-tabWrap-list-right-tip1 strong b {
    font-size: 20px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p.xue-block-list-tabWrap-list-right-tip1 span.xue-block-list-course-solded {
    text-decoration: none;
    font-size: 2.5rem;
    color: #666666;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p.xue-block-list-tabWrap-list-right-tip2 span {
    margin-left: 15px;
    color: #666;
    line-height: 20px;
}

.xue-block-list-tabWrap .xue-block-list-tabWrap-inner .xue-block-list-tabWrap-inner-list .xue-block-list-tabWrap-list-right p.xue-block-list-tabWrap-list-right-tip3 {
    color: #666;
    line-height: 20px;
}

.xue-course-list-select {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding-left: 33px;
    padding-right: 33px;
    margin-bottom: 30px;
}

.xue-course-list-select dl dt {
    font-size: 13px;
}

.xue-course-list-select dl dd {
    font-size: 13px;
}

.xue-course-list-select dl dd span {
    padding: 0 6px;
    margin: 2px 5px;
    line-height: 20px;
    color: #ff3334;
}

.xue-course-list-select dl dd span a {
    color: #ff3334;
}

.xue-course-list-select dl dd .select-class-tip {
    position: relative;
    z-index: 10;
    display: inline-block;
}

.xue-course-list-select dl dd .select-class-tip span.select-class-tip-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #ff3334;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    margin-left: -4px;
    margin-right: 15px;
    color: #ff3334;
    padding: 0;
    cursor: pointer;
}

.xue-course-list-select dl dd .select-class-tip:hover .select-class-tip-bubble {
    display: block;
}

.xue-course-list-select dl dd .select-class-tip-bubble {
    width: 370px;
    height: 164px;
    border: 1px solid #E4E4E2;
    margin-left: 20px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    top: -71px;
    z-index: 10;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
    left: 3px;
    padding: 20px;
    display: none;
}

.xue-course-list-select dl dd .select-class-tip-bubble:before {
    content: '';
    position: absolute;
    top: 70px;
    left: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid #E4E4E2;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}

.xue-course-list-select dl dd .select-class-tip-bubble:after {
    content: '';
    position: absolute;
    top: 71px;
    left: -9px;
    width: 0;
    height: 0;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #fff;
    border-top: 9px solid transparent;
}

.xue-course-list-select dl dd .select-class-tip-bubble h4 {
    margin-bottom: 5px;
}

.xue-course-list-select dl dd .select-class-tip-bubble .am-divider {
    margin: 10px auto;
}

.xue-course-list-select dl dd .select-class-tip-bubble p {
    margin: 0;
    font-size: 12px;
    color: #333333;
}

.xue-course-list-select dl dd .select-class-tip-bubble p span {
    color: #333333;
    margin-left: 57px;
}

.xue-course-list-select dl dd .select-class-tip-bubble p a {
    padding: 3px 6px;
    background: #f13232;
    color: #fff;
    border-radius: 2px;
}

.xue-course-list-select dl dd.difficult-hover {
    overflow: visible;
    position: relative;
}

.xue-course-list-select dl dd.difficult-hover a {
    position: relative;
}

.xue-course-list-select dl dd.difficult-hover .difficult-select-tip {
    position: absolute;
    top: -16px;
    display: inline-block;
    background: #F45A61;
    height: 51px;
    line-height: 51px;
    width: 311px;
    padding: 0 20px;
    border-radius: 70px;
    box-shadow: 0px 0px 8px rgba(191, 12, 12, 0.34);
    cursor: pointer;
}

.xue-course-list-select dl dd.difficult-hover .difficult-select-tip span {
    color: #fff;
    font-size: 15px;
    padding-right: 0;
    margin-right: 0;
}

.xue-course-list-select dl dd.difficult-hover .difficult-select-tip em {
    display: inline-block;
    border: 10px solid transparent;
    border-right: 16px solid #F45A61;
    width: 0;
    height: 0;
    position: absolute;
    left: -19px;
    top: 15px;
}

.xue-course-list-select dl dd.difficult-hover .difficult-select-tip .difficult-select-tip-close {
    transform: rotate(0deg);
    cursor: pointer;
    margin-top: -3px;
    margin-left: 5px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
}

.xue-course-list-select dl dd.difficult-hover .difficult-select-tip .difficult-select-tip-close:hover {
    transform: rotate(360deg);
    transition: transform 0.3s ease-in 0s;
}

.xue-course-list-select dl dd.difficult-hover .difficult-select-tip .difficult-select-tip-text {
    width: 50.5px;
    height: 54px;
    position: relative;
    top: -10px;
    left: 0;
}

.xue-course-list-select dl dd.difficult-hover .difficult-chosed-tip {
    position: absolute;
    top: -61px;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    background: #F45A61;
    height: 51px;
    line-height: 51px;
    width: 219px;
    padding: 0 18px;
    border-radius: 70px;
    box-shadow: 0px 0px 8px rgba(191, 12, 12, 0.34);
}

.xue-course-list-select dl dd.difficult-hover .difficult-chosed-tip span {
    color: #fff;
    padding: 0;
    margin: 0;
    margin-left: -4px;
    font-size: 15px;
}

.xue-course-list-select dl dd.difficult-hover .difficult-chosed-tip em {
    display: inline-block;
    border: 10px solid transparent;
    border-top: 11px solid #F45A61;
    width: 0;
    height: 0;
    position: absolute;
    right: 100px;
    bottom: -17px;
}

.xue-course-list-select dl dd.difficult-hover .difficult-chosed-tip .difficult-chosed-tip-hou {
    width: 38px;
    height: auto;
    margin-right: 10px;
}

.xue-course-list-select dl dd.difficult-hover .difficult-chosed-tip .difficult-chosed-tip-close {
    color: #fff;
    cursor: pointer;
    margin-top: -3px;
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
}

.xue-course-list-select dl dd.difficult-hover .difficult-chosed-tip .difficult-chosed-tip-close:hover {
    transform: rotate(360deg);
    transition: transform 0.3s ease-in 0s;
}

.difficult-model-container {
    /* 滚动条滑块 */
}

.difficult-model-container .modal-body {
    padding: 0 45px 28px 45px;
}

.difficult-model-container .difficult-model-listbox {
    width: 100%;
    padding-right: 20px;
    box-sizing: content-box;
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

.difficult-model-container .difficult-model-listbox::-webkit-scrollbar {
    width: 5px;
}

.difficult-model-container .difficult-model-listbox::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666666;
}

.difficult-model-container h6 {
    font-size: 18px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
}

.difficult-model-container ul {
    width: 100%;
}

.difficult-model-container ul li {
    text-align: left;
    margin-bottom: 28px;
}

.difficult-model-container ul li h1 {
    font-size: 16px;
    margin-bottom: 28px;
    margin-top: 0;
    line-height: 24px;
    color: #333;
    position: relative;
    padding-left: 65px;
}

.difficult-model-container ul li h1 span {
    color: #666;
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
}

.difficult-model-container ul li div {
    border: 1px solid #E0E0E0;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 7px 7px 7px 45px;
    box-sizing: border-box;
    position: relative;
    border-radius: 4px;
    width: 100%;
}

.difficult-model-container ul li div label {
    font-size: 16px;
    width: 100%;
    font-weight: normal;
    color: #333;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 30px;
}

.difficult-model-container ul li div input {
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 8px;
    width: 25px;
    height: 25px;
    margin: 0;
    border-radius: 50%;
    background: #e0e0e0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.difficult-model-container ul li div input:checked {
    background: #f13232;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.difficult-model-container ul li div input:focus {
    outline: none;
    -webkit-outline: none;
    -moz-outline: none;
}

.difficult-model-container ul li div input::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 12px;
    top: 5px;
    left: 10px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

.difficult-model-container .go-difficult-btn04,
.difficult-model-container .go-difficult-btn02,
.difficult-model-container .go-difficult-btn {
    display: inline-block;
    padding: 0 30px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #f13232;
    border: 1px solid #f13232;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    margin-bottom: 30px;
}

.difficult-model-container .difficult-model-footer {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    position: relative;
}

.difficult-model-container .difficult-model-footer h3 {
    position: absolute;
    left: 0;
    top: -50px;
    font-size: 13px;
    color: #f13232;
    text-align: left;
    display: none;
}

.difficult-model-container .difficult-model-footer p {
    font-size: 13px;
}

.difficult-model-container .difficult-model-footer p span {
    color: #f13232;
}

.difficult-model-container .difficult-model-footer p img {
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.difficult-model-container .difficult-model-footer-english {
    margin-bottom: -8px;
}

.difficult-model-container .difficult-model-footer-english .go-difficult-box-english {
    width: 370px;
    margin: 0 auto;
}

.difficult-model-container .difficult-model-footer-english .go-difficult-btn03 {
    float: left;
    width: 140px;
    margin-bottom: 26px;
}

.difficult-model-container .difficult-model-footer-english .go-difficult-btn04 {
    border: 1px solid #f13232;
    background: #fff;
    color: #f13232;
    float: right;
    width: 180px;
    padding: 0;
    margin-bottom: 26px;
}

.difficult-model-container .difficult-model-footer-english p.difficult-englishTip {
    text-align: left;
    padding-left: 95px;
    margin-bottom: 0;
    line-height: 22px;
}

.difficult-model-container .go-difficult-box {
    width: 335px;
    margin: 0 auto;
}

.difficult-model-container .go-difficult-box .go-difficult-btn02 {
    border: 1px solid #f13232;
    background: #fff;
    color: #f13232;
    float: left;
    width: 140px;
    padding: 0;
}

.difficult-model-container .go-difficult-box .go-difficult-btn01 {
    float: right;
    width: 140px;
    padding: 0;
}

.difficult-model-container .go-difficult-box:after,
.difficult-model-container .go-difficult-box-english:after {
    content: "";
    display: block;
    clear: both;
}

.difficult-model-container .difficult-model-innerbox {
    min-height: 360px;
    margin-top: 30px;
}

.difficult-model-container .difficult-model-innerbox h2 {
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 0;
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend {
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
    width: 335px;
    box-sizing: border-box;
    border: 2px solid #f13232;
    padding: 25px 12px;
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend p {
    color: #f13232;
    font-size: 16px;
    margin: 0;
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend h3 {
    color: #333;
    font-size: 16px;
    margin: 0 0 13px 0;
    position: relative;
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend h3 span {
    position: absolute;
    right: 0;
    top: -4px;
    padding: 4px 8px;
    background: #F0773C;
    border-radius: 5px 0 5px 0;
    color: #ffffff;
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend h4 {
    color: #666;
    font-size: 14px;
    margin: 0 0 13px 0;
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend pre,
.difficult-model-container .difficult-model-innerbox .difficult-model-recommend div {
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    color: #333;
    white-space: pre-wrap;
    /*css-3*/
    white-space: -moz-pre-wrap;
    /*Mozilla,since1999*/
    white-space: -pre-wrap;
    /*Opera4-6*/
    white-space: -o-pre-wrap;
    /*Opera7*/
    word-wrap: break-word;
    /*InternetExplorer5.5+*/
}

.difficult-model-container .difficult-model-innerbox .difficult-model-recommend02 {
    border: 2px solid #D2D2D2;
}

.xue-card-subject-label span {
    padding: 3px 7px;
    font-size: 12px;
    margin-right: 10px;
}

.am-text-danger-sign {
    float: left;
    width: auto;
    margin-top: 4px;
}

.am-text-danger-sign b {
    display: block;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin-top: 2px;
    color: #999999;
}

.am-text-danger b {
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-decoration: line-through;
    color: #1a1a1a;
    line-height: 0;
    margin-bottom: 10px;
}

.xue-card-subject-avatar {
    width: 62px;
    height: 62px;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0;
    text-align: center;
    border: 1px solid #f1f1f1;
    position: relative;
    display: inline-block;
}

.student-num-label {
    position: absolute;
    right: -67px;
    width: 70px;
    height: 23px;
    display: inline-block;
    background: url(../img/student_num_label.png?20171211) no-repeat 0 0;
    top: 0px;
    padding-left: 4px;
    max-width: 120%;
    text-align: center;
}

.student-num-label span {
    color: #f0773c;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    text-align: center;
    width: 51px;
    font-weight: normal;
}

.xue-avatar-style2 {
    transform: rotate(30deg);
}

.xue-avatar-style2 span {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    left: 210px;
    top: 0;
    overflow: hidden;
}

.xue-avatar-style2 span img {
    transform: rotate(-30deg);
    width: 60px;
    height: 60px;
    position: absolute;
}

.xue-avatar-style2 span:first-child {
    left: -30px;
}

.xue-avatar-style2 span:first-child img {
    left: 33%;
    top: 10px;
}

.xue-avatar-style2 span:nth-child(2) {
    left: 30px;
}

.xue-avatar-style2 span:nth-child(2) img {
    left: -32%;
    top: 0px;
}

.xue-avatar-style3 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xue-avatar-style3 span {
    width: 30px;
    height: 30px;
    display: inline;
}

.xue-avatar-style3 span img {
    width: 30px;
    height: 30px;
}

.xue-avatar-style3 span img:nth-child(2) {
    margin-right: 1px;
}

.xue-avatar-style3 span:first-child {
    margin-left: 16px;
    margin-bottom: 1px;
    display: block;
}

.xue-avatar-style4 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xue-avatar-style4 span {
    width: 29px;
    height: 29px;
    display: inline-block;
}

.xue-avatar-style4 span img {
    width: 30px;
    height: 30px;
}

.xue-avatar-style4 span:nth-child(odd) {
    margin-right: 1px;
}

.xue-avatar-style4 span:first-child {
    margin-bottom: 1px;
}

.xue-avatar-style4 span:nth-child(2) {
    margin-bottom: 1px;
}

.xue-avatar-style1 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xue-avatar-style1 span {
    width: 100%;
    height: 100%;
}

.xue-avatar-style1 span img {
    width: 100%;
    height: 100%;
}

#video-pic-wrap {
    width: 1200px;
    height: 260px;
    overflow: hidden;
    margin: 15px 0;
}

.freeLive-tab {
    width: 100%;
    border-bottom: 2px solid #333333;
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px;
}

.freeLive-tab li {
    line-height: 2.2;
    display: inline-block;
    padding: .4em 1em;
    cursor: pointer;
}

.freeLive-tab li a {
    color: #333;
}

.freeLive-tab li a:hover {
    color: #333;
}

.freeLive-tab .current {
    background: #333333;
    color: #fff;
}

.liveOrderSuccessModal .modal-body {
    text-align: center;
}

.free-card.free-card-border {
    border-color: #e5e5e5;
}

.free-card {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 0;
    margin: .5rem;
    position: relative;
    border-radius: 2px;
}

.free-card:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05), -5px 0px 10px rgba(0, 0, 0, 0.05);
    border-top-color: #f13232 !important;
    cursor: pointer;
}

.free-card .free-card-top {
    margin-bottom: 20px;
    position: relative;
    height: 160px;
    overflow: hidden;
    text-align: center;
}

.free-card .free-card-top img {
    width: 100%;
}

.free-card .free-card-top .free-label {
    position: absolute;
    right: 0;
    top: 20px;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    padding: 0 2px 0 5px;
}

.free-card .free-card-center {
    padding: 2px 15px;
    overflow: hidden;
}

.free-card .free-card-center .free-card-avatar {
    float: left;
    width: 26%;
    margin-right: 2%;
    height: 100%;
    text-align: center;
}

.free-card .free-card-center .free-card-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
}

.free-card .free-card-center .free-card-avatar a {
    display: inline-block;
}

.free-card .free-card-center .free-card-avatar p {
    margin: 0;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.free-card .free-card-center .free-card-detail {
    float: left;
    width: 72%;
    min-height: 121px;
}

.free-card .free-card-center .free-card-detail p.free-card-detail-title {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
}

.free-card .free-card-center .free-card-detail .free-card-detail-date,
.free-card .free-card-center .free-card-detail .free-card-detail-num {
    font-size: 14px;
    margin: 0;
    color: #999999;
    line-height: 20px;
}

.free-card .free-card-bottom {
    text-align: center;
    margin: 20px 0;
}

.free-card .free-card-bottom .free-card-bottom-btn {
    border-radius: 2px;
    width: 120px;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: none;
    cursor: pointer;
}

.free-card .free-card-bottom .look-free-btn {
    color: #333;
    border: 1px solid #dedede;
    margin-right: 10px;
}

.free-card .free-card-bottom .look-free-btn:hover {
    color: #f13232;
    border-color: #f13232;
}

.free-card .free-card-bottom .just-sign-btn {
    color: #333;
    border: 1px solid #dedede;
}

.free-card .free-card-bottom .just-sign-btn:hover {
    color: #f13232;
    border: 1px solid #f13232;
}

.free-card .free-card-bottom .just-sign-btn-lg {
    width: 190px;
    color: #333;
    border: 1px solid #dcdcdc;
}

.free-card .free-card-bottom .just-sign-btn-lg:hover {
    color: #f13232;
    border: 1px solid #f13232;
}

.free-card .free-card-bottom .bg-blue {
    background: #3bafda;
    border: 1px solid #3bafda;
    color: #fff;
}

.free-card .free-card-bottom .success_join {
    background: #c1c1c1;
    cursor: default;
    border: 1px solid #c1c1c1;
    color: #fff;
}

.free-card .free-card-bottom .success_join:hover {
    color: #fff;
    border: 1px solid #c1c1c1;
}

.xue-block-grid-lecture .free-card .free-card-center .free-card-detail {
    width: 100%;
    min-height: auto;
}

.xue-block-grid-lecture .free-card .free-card-center .free-card-detail .free-card-detail-date {
    overflow: hidden;
}

.xue-block-grid-lecture .free-card .free-card-center .free-card-detail .free-card-detail-date a.free-card-detail-activity {
    float: right;
    color: #333;
    font-size: 14px;
}

.xue-block-grid-lecture .free-card .free-card-center .free-card-detail p.free-card-detail-title {
    height: 25px;
}

.liveOrderFailModal .modal-body,
.liveOrderSuccessModal .modal-body {
    text-align: center;
    /*height: 420px;*/
}

.liveOrderFailModal .modal-body,
.liveSeriesSuccessModal .modal-body {
    text-align: center;
    /*height: 420px;*/
}

.orderFailTip,
.orderSuccessTip {
    position: absolute;
    bottom: 0;
    right: 10px;
    margin-bottom: 10px;
    color: #999;
}

.live-fail-modal {
    overflow: hidden;
}

.live-fail-modal p {
    font-size: 18px;
    font-weight: normal;
    color: #666;
}

.live-fail-modal p.success-title {
    color: #e74c3c;
    padding: 15px 0;
}

.live-fail-modal p.success-time span {
    margin-right: 10px;
}

.live-fail-modal p.success-time span.timeDay {
    color: #e74c3d;
}

.live-fail-modal p.success-pic {
    padding-bottom: 15px;
}

.live-fail-modal p.success-pic img {
    width: 150px;
    height: 150px;
}

.live-fail-modal p.success-txt span {
    color: #e74c3c;
}

.live-fail-modal p.success-o {
    font-size: 12px;
    color: #e74c3c;
    padding-top: 35px;
}

.xue-card-free {
    overflow-y: hidden;
    padding-bottom: 6px;
}

.xue-card-free .xue-card-title {
    margin-top: -3px;
}

.xue-card-free .xue-card-subject-teacher li {
    text-align: left;
    overflow-y: hidden;
}

.xue-card-free .xue-card-subject-teacher li .xue-card-subject-avatar {
    float: left;
}

.xue-card-free .xue-card-subject-teacher li .xue-card-subject-teacher-right {
    float: left;
    margin-top: 10px;
}

.xue-card-free .xue-card-info {
    height: 67px !important;
}

.xue-card-free p.am-margin-0 {
    float: right;
    height: 55px;
}

.xue-card-free p.record-tips-style {
    height: 55px;
}

.xue-card-free p.record-tips-style .am-text-danger strong {
    line-height: 36px;
}

.xue-card-free p.record-tips-style .course-origin-price {
    line-height: 30px;
    display: inline-block;
    height: 30px;
}

.xue-card-subject-teacher {
    padding-left: 0;
    text-align: center;
    overflow: hidden;
    margin-top: 37px;
}

.xue-card-subject-teacher li {
    display: inline-block;
    float: left;
    height: 105px;
    margin-right: 37px;
    text-align: center;
    width: 62px;
    position: relative;
}

.xue-card-subject-teacher li .xue-card-subject-teacher-name {
    color: #666666;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    clear: both;
}

.xue-card-subject-teacher li .xue-card-subject-places-num {
    color: #333333;
    font-size: 12px;
    margin-top: 2px;
}

.xue-card-subject-teacher li .xue-card-subject-avatar {
    width: 62px;
    height: 62px;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0;
    text-align: center;
    border: 1px solid #f1f1f1;
    position: relative;
}

.xue-card-subject-teacher .xue-avatar-style2 {
    transform: rotate(30deg);
}

.xue-card-subject-teacher .xue-avatar-style2 span {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    left: 210px;
    top: 0;
    overflow: hidden;
}

.xue-card-subject-teacher .xue-avatar-style2 span img {
    transform: rotate(-30deg);
    width: 60px;
    height: 60px;
    position: absolute;
}

.xue-card-subject-teacher .xue-avatar-style2 span:first-child {
    left: -30px;
}

.xue-card-subject-teacher .xue-avatar-style2 span:first-child img {
    left: 33%;
    top: 10px;
}

.xue-card-subject-teacher .xue-avatar-style2 span:nth-child(2) {
    left: 30px;
}

.xue-card-subject-teacher .xue-avatar-style2 span:nth-child(2) img {
    left: -32%;
    top: 0px;
}

.xue-card-subject-teacher .xue-avatar-style3 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xue-card-subject-teacher .xue-avatar-style3 span {
    width: 30px;
    height: 30px;
    display: inline;
}

.xue-card-subject-teacher .xue-avatar-style3 span img {
    width: 30px;
    height: 30px;
}

.xue-card-subject-teacher .xue-avatar-style3 span img:nth-child(2) {
    margin-right: 1px;
}

.xue-card-subject-teacher .xue-avatar-style3 span:first-child {
    margin-left: 16px;
    margin-bottom: 1px;
    display: block;
}

.xue-card-subject-teacher .xue-avatar-style4 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xue-card-subject-teacher .xue-avatar-style4 span {
    width: 29px;
    height: 29px;
    display: inline-block;
}

.xue-card-subject-teacher .xue-avatar-style4 span img {
    width: 30px;
    height: 30px;
}

.xue-card-subject-teacher .xue-avatar-style4 span:nth-child(odd) {
    margin-right: 1px;
}

.xue-card-subject-teacher .xue-avatar-style4 span:first-child {
    margin-bottom: 1px;
}

.xue-card-subject-teacher .xue-avatar-style4 span:nth-child(2) {
    margin-bottom: 1px;
}

.xue-card-subject-teacher .xue-avatar-style1 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xue-card-subject-teacher .xue-avatar-style1 span {
    width: 100%;
    height: 100%;
}

.xue-card-subject-teacher .xue-avatar-style1 span img {
    width: 100%;
    height: 100%;
}

.xue-card-subject-teacher li:last-child {
    margin-right: 0;
}

.xue-card .xue-free-card-subhead {
    color: #333333;
    margin-top: 6px;
}

.xue-card .xue-free-card-subhead span {
    margin-right: 10px;
}

.xue-card .xue-free-card-subhead span i {
    margin-right: 5px;
    font-size: 16px;
    color: #333333;
}

.xue-car-free-teacher {
    margin-bottom: 0;
    margin-top: 5px !important;
}

.xue-car-free-teacher li:first-child {
    margin-left: 0px;
}

.xue-car-free-teacher li {
    height: 62px;
    width: 100%;
}

.xue-car-free-teacher li .xue-card-subject-avata {
    float: left;
}

.xue-car-free-teacher li .xue-card-subject-teacher-right {
    display: inline-block;
}

.xue-car-free-teacher li .xue-card-subject-teacher-right p.xue-card-subject-teacher-name {
    margin-left: 14px;
    text-align: left;
    color: #333333;
    font-size: 14px;
}

.live-fail-modal {
    overflow: hidden;
}

.live-fail-modal p {
    font-size: 18px;
    font-weight: normal;
    color: #666;
}

.live-fail-modal p.success-title {
    color: #e74c3c;
    padding: 15px 0;
}

.live-fail-modal p.success-pic {
    padding-bottom: 15px;
}

.live-fail-modal p.success-pic img {
    width: 150px;
    height: 150px;
}

.live-fail-modal p.success-txt span {
    color: #e74c3c;
}

.live-fail-modal p.success-o {
    font-size: 12px;
    color: #e74c3c;
    padding-top: 35px;
}

.course-list-detail {
    overflow: hidden;
    position: relative;
}

.course-list-detail .course-list-detail-left {
    width: 830px;
    float: left;
    margin-right: 10px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top {
    padding: 0 30px 15px 30px;
    border-top: 2px solid #ff3334;
    background: #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-countDown {
    display: none;
    padding: 0 10px;
    height: 38px;
    background: #ff3334;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 0;
    line-height: 38px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content {
    margin: 25px 0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content p {
    margin: 5px 0;
    color: #666666;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .course-list-detail-left-content-tip01 {
    font-size: 16px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .course-list-detail-left-content-tip01 span {
    vertical-align: middle;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .course-list-detail-left-content-tip02 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333333;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .course-list-detail-left-content-tip03 {
    font-size: 14px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .course-list-detail-left-content-tip03 span {
    margin-right: 10px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .select-class-tip-degree {
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .select-class-tip-degree span {
    float: left;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-content .select-class-tip-degree .select-class-tip-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
    color: #333333;
    border: 1px solid #6a6a6a;
    line-height: 14px;
    text-align: center;
    margin-left: 10px;
    margin-top: 3px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher {
    margin-bottom: 5px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher li {
    display: inline-block;
    margin-right: 10px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher li:last-child {
    margin-right: 0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .xue-card-subject-avatar {
    float: left;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-type {
    margin-bottom: 10px;
    color: #333333;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-type span {
    float: right;
    color: #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher.xue-free-course-teacher {
    float: left;
    width: 246px;
    margin-right: 20px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-box {
    width: 246px;
    height: 80px;
    background: #f0f0f0;
    display: inline-block;
    border-radius: 2px;
    padding: 10px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-box .course-list-detail-left-teacher-box-name {
    float: left;
    margin-top: 3px;
    width: 164px;
    height: 68px;
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-box .course-list-detail-left-teacher-box-name p {
    font-size: 12px;
    margin: 0px 0 0 20px;
    color: #666666;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-box .course-list-detail-left-teacher-box-name p:last-child {
    color: #999;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher .course-list-detail-left-teacher-box .course-list-detail-left-teacher-box-name p a {
    color: #666666;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher-foreign .course-list-detail-left-teacher-box {
    border: 1px solid #cccccc;
    position: relative;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher-foreign .course-list-detail-left-teacher-box .icon-yixuan {
    display: none;
    position: absolute;
    right: 0;
    bottom: -5px;
    color: #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher-foreign .course-list-detail-left-teacher-box:active {
    border: 1px solid #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher-foreign .course-list-detail-left-teacher-box:active .icon-yixuan {
    display: block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher-foreign .active {
    border: 1px solid #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-teacher-foreign .active .icon-yixuan {
    display: block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-tip {
    font-size: 14px;
    color: #333333;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-tip span,
.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-tip div {
    line-height: 30px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-tip .course-detail-timetable-tipText {
    font-size: 16px;
    color: #2D2F33;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-handle {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-handle .course-detail-timetable-tipText-right {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    line-height: 30px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-handle .course-detail-timetable-tipText-right img {
    width: 17px;
    height: auto;
    margin-right: 7px;
    margin-top: -2px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-handle .course-detail-timetable-tipText-right.timetableRed {
    color: #F13232;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-handle.timetable-show {
    height: 400px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box {
    background: #ffffff;
    border-radius: 2px;
    box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.6);
    width: 100%;
    padding: 16px 26px 15px 26px;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 5;
    display: none;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box em {
    width: 16px;
    height: 16px;
    background: #ffffff;
    transform: rotate(-135deg);
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 30px;
    top: -7px;
    box-shadow: 1px 1px 3px rgba(204, 204, 204, 0.4);
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box .course-detail-timetable-box-title {
    font-size: 14px;
    color: #333333;
    margin-bottom: 18px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box .course-detail-timetable-box-title .tip {
    margin-left: 45px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box table {
    width: 100%;
    font-size: 14px;
    color: #333333;
    text-align: center;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box table thead {
    background: #F0F0F0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box table td {
    border: none;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box table td img {
    width: 16px;
    height: auto;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box table .timetable-color999 {
    color: #999999;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box .timetable-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #CCCCCC;
    display: inline-block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box p {
    font-size: 12px;
    line-height: 20px;
    width: 105%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box p img {
    width: 16px;
    height: auto;
    margin-right: 7px;
    margin-top: -2px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .course-detail-timetable-box p span {
    margin: 0 9px 0 3px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-top .course-list-detail-left-timetable .timetableRed {
    color: #F13232;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom {
    clear: both;
    margin-top: 10px;
    position: relative;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    z-index: 4;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap ul {
    background: #f0f0f0;
    height: 50px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap ul li {
    display: inline-block;
    width: 140px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    position: relative;
    color: #666666;
    cursor: pointer;
    float: left;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap ul .current {
    background: #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap ul .current a:before {
    width: 20px;
    height: 2px;
    display: inline-block;
    background-color: #f13232;
    content: ' ';
    position: absolute;
    margin-left: 50%;
    left: -10px;
    bottom: 0px;
    border-radius: 15px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .scroll-box-wrap ul li.current:first-child {
    border-left: 1px solid #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box {
    width: 100%;
    background: #fff;
    padding: 0 33px 50px 33px;
    min-height: 600px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail {
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live-title-introduction {
    margin: 0px;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-detail img {
    max-width: 100%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .detail-login {
    color: #666666;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 60px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .detail-login a {
    color: #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 0;
    margin: 60px 0 30px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3:first-child {
    margin-top: 80px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title {
    position: relative;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page {
    position: absolute;
    right: 0;
    top: 0;
    width: 71px;
    height: 24px;
    border: 1px solid #E0E0E0;
    font-size: 0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page div {
    padding: 0;
    margin: 0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .prev {
    border-right: 1px solid #E0E0E0;
    display: inline-block;
    width: 50%;
    height: 23px;
    text-align: center;
    box-sizing: border-box;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .prev span {
    display: inline-block;
    border-left: 2px solid #B0B0B0;
    border-bottom: 2px solid #B0B0B0;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    transform: rotate(45deg);
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .prev span.disablesClick {
    border-left: 2px solid #E0E0E0;
    border-bottom: 2px solid #E0E0E0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .prev:hover span {
    border-left: 2px solid #F13232;
    border-bottom: 2px solid #F13232;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .prev:hover span.disablesClick {
    border-left: 2px solid #E0E0E0;
    border-bottom: 2px solid #E0E0E0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .next {
    display: inline-block;
    width: 41%;
    height: 23px;
    text-align: center;
    box-sizing: border-box;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .next span {
    display: inline-block;
    border-right: 2px solid #B0B0B0;
    border-bottom: 2px solid #B0B0B0;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    transform: rotate(-45deg);
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .next span.disablesClick {
    border-right: 2px solid #E0E0E0;
    border-bottom: 2px solid #E0E0E0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .next:hover span {
    border-right: 2px solid #F13232;
    border-bottom: 2px solid #F13232;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail h3.course-info-detail-recommend-like-course-title .page .next:hover span.disablesClick {
    border-right: 2px solid #E0E0E0;
    border-bottom: 2px solid #E0E0E0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox {
    margin: 0 auto;
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box {
    position: relative;
    width: 6088px;
    height: 356px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li {
    display: inline-block;
    position: relative;
    height: 356px;
    margin-right: 10px;
    margin-top: 5px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-box-class-info {
    width: 375px;
    margin-right: 7px;
    height: 350px;
    display: inline-block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-box-class-info:last-child {
    margin-right: 0px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-box-class-info .xue-card-subject-teacher {
    margin-top: 0px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-box-class-info .xue-card {
    margin: 0rem;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-box-class-info .xue-card .xue-card-info {
    margin-top: 7px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-subject-teacher li {
    display: inline-block;
    float: left;
    height: 105px;
    margin-right: 37px;
    text-align: center;
    width: 62px;
    position: relative;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-subject-teacher li .xue-card-subject-avatar {
    width: 62px;
    height: 62px;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0;
    text-align: center;
    border: 1px solid #f1f1f1;
    position: relative;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .slideBox .ul-box li .xue-card-subject-teacher li .xue-card-subject-teacher-name {
    color: #666666;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    clear: both;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .video-player {
    position: relative;
    text-align: center;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .video-player .video-icon {
    display: block;
    width: 115px;
    height: 115px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    margin-left: -57px;
    margin-top: -57px;
    text-align: center;
    line-height: 115px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .video-player .video-icon .icon-play {
    font-size: 80px;
    color: #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .video-player .go-listen-btn {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    top: 50%;
    z-index: 10;
    margin-top: 46px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .video-player .video-mark {
    position: absolute;
    left: 50%;
    margin-left: -380px;
    top: 0;
    width: 760px;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style {
    width: 100%;
    text-align: center;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box {
    width: 100%;
    border-color: #CCCCCC;
    color: #333333;
    border: none;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box caption {
    text-align: center;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'MicrosoftYaHeiLight';
    background: #DF4D45;
    padding: 13px 0px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box caption.spring-autumn {
    background: #E8973A;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody {
    border-color: #CCCCCC;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr {
    background: #FCF4F4;
    font-family: 'MicrosoftYaHei';
    font-weight: 500;
    color: #333333;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr.header {
    color: #DF4D45;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td {
    font-size: 12px;
    padding: 14px 0px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p {
    margin: 0;
    padding: 0;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p span {
    display: block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p.up {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 14px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p.down {
    padding-top: 14px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p.description-tip {
    float: left;
    margin-left: 18px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p.description-tip-text {
    float: left;
    width: 90%;
    text-align: left;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td p.description-tip-text span {
    display: block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td.foreign {
    padding: 0px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td.foreign .div-box {
    float: left;
    border-right: 1px solid #CCCCCC;
    padding-bottom: 3px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td.foreign .div-box P {
    padding: 14px 17px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style .table-box tbody tr td.foreign .middle-school {
    display: inline-block;
    margin-top: 29%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style.spring-autumn .table-box caption {
    background: #E8973A;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style.spring-autumn .table-box tbody tr {
    background: #FDF4EB;
    color: #333333;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style.spring-autumn .table-box tbody tr.header {
    color: #E8973A;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style.spring-autumn .table-box tbody tr.tip {
    background: #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style.spring-autumn .table-box tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table .course-table-style.spring-autumn .table-box tbody tr td.foreign {
    padding-left: 0px;
    padding-right: 0px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .course-table div:nth-child(2) {
    margin-bottom: 40px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live {
    margin-top: 32px;
    margin-bottom: 36px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .video-player .audition {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    margin-left: -33px;
    margin-top: 40px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-teaching-live-title {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 39px;
    font-size: 16px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction {
    width: 100%;
    height: 249px;
    padding: 20px;
    background: #CB4940;
    color: #fff;
    position: relative;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction .AE-course-introduction-header {
    margin: 0px;
    font-size: 20px;
    line-height: 100%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction .AE-course-introduction-content {
    overflow: hidden;
    margin-top: 40px;
    width: 81%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction .AE-course-introduction-content .AE-course-introduction-content-info {
    float: left;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction .AE-course-introduction-content .AE-course-introduction-content-info i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction .AE-course-introduction-content .AE-course-introduction-content-text {
    float: left;
    margin-left: 16px;
    font-size: 14px;
    width: 95%;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .AE-course-teaching-live .AE-course-introduction .girl {
    width: 143px;
    height: 243px;
    background: url(../img/girl.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 38.5px;
    right: 14.5px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table {
    font-size: 14px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table thead {
    background: #e6e6e6;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table thead tr th {
    border: none;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table tbody tr td {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table tbody tr td span.goline {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 50px;
    background: #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table tbody tr td span.go-data-red {
    color: #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table tbody tr td.t-left {
    max-width: 397px;
    height: 39px;
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail .am-table tbody :hover {
    background: #f5f5f5;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .buy-course-notice {
    margin-top: 20px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .buy-course-notice li {
    overflow: hidden;
    display: block;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .buy-course-notice li span.buy-course-notice-icon {
    display: inline-block;
    width: 22px;
    text-align: center;
    float: left;
    margin-top: 2px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .buy-course-notice li span.buy-course-notice-icon em {
    width: 16px;
    height: 16px;
    background: #ff3334;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #fff;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .buy-course-notice li span.buy-course-notice-icon i {
    height: 10px;
    width: 1px;
    background: #ff3334;
    display: block;
    margin: 7px 0 5px 7px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-tip {
    margin-bottom: 5px;
    font-size: 14px;
    margin-top: 0;
    float: left;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-tip a {
    color: #ff3334;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-tip span {
    font-weight: bold;
    color: #333;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment {
    margin-bottom: 50px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment li {
    padding: 40px 0 0;
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-avatar {
    float: left;
    width: 8%;
    margin-right: 30px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-avatar span {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #cccccc;
    overflow: hidden;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-content {
    float: left;
    width: 88%;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    word-wrap: break-word;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-content p {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-content p:first-child {
    margin-bottom: 0px;
    font-size: 18px;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-content p:first-child span {
    float: right;
    font-size: 12px;
    color: #999999;
}

.course-list-detail .course-list-detail-left .course-list-detail-left-bottom .course-info-box .course-info-detail-comment .course-info-detail-comment-content p:nth-child(2) {
    color: #666666;
}

.course-list-detail .course-list-detail-right {
    width: 360px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border-top: 2px solid #ff3334;
    background: #fff;
    padding: 0 30px;
}

.course-list-detail .course-list-detail-right .border-bottom-panel {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 p {
    clear: both;
    text-align: right;
    margin: 0;
    color: #1a1a1a;
    font-size: 14px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 p .course-pre-price {
    text-decoration: line-through;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-continue-price {
    color: #ff3334;
    line-height: 2rem;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-continue-price strong {
    font-size: 40px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap {
    overflow: hidden;
    margin-bottom: 2rem;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap span {
    float: right;
    line-height: 34px;
    color: #1a1a1a;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect {
    cursor: pointer;
    width: 36px;
    height: 34px;
    background: #ccc;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    float: left;
    position: relative;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect i {
    position: absolute;
    left: 10px;
    top: 0;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect .course-collectHeart-default {
    font-size: 16px;
    color: #fff;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect .course-collectHeart-icon {
    display: none;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect.course-collect-active {
    cursor: default;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect.course-collect-active .course-collectHeart-default {
    color: #ff3334;
    font-size: 18px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel01 .course-icon-collect-wrap .course-icon-collect .course-collectHeart-animation {
    -webkit-animation: heartAnimation ease-out 1s;
    animation: heartAnimation ease-out 1s;
    color: #ff3334;
    font-size: 18px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 {
    padding-top: 25px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl {
    display: block;
    clear: both;
    margin-bottom: 0;
    position: relative;
    height: 46px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl dt {
    float: left;
    font-size: 13px;
    margin-right: 10px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl dd {
    font-size: 13px;
    margin: 0;
    float: left;
    max-width: 220px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl dd a {
    display: block;
    line-height: 20px;
    margin-bottom: 3px;
    color: #666666;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl dd span:first-child {
    color: #ff3334;
    float: left;
    margin-right: 5px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl dd span:nth-child(2) {
    display: block;
    overflow: hidden;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl .more-cheap {
    float: right;
    color: #ff3334;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl .more-style-box {
    padding: 24px 28px;
    position: absolute;
    display: none;
    left: -22px;
    top: 30px;
    width: 342px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl .more-style-box h3 {
    font-size: 16px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl .more-style-box .more-cheap-box-detail li {
    text-align: left;
    line-height: 20px;
    margin-bottom: 10px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl .more-style-box:before {
    right: 24px;
    pointer-events: none;
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 11px dashed transparent;
    z-index: 1;
    border-bottom-style: solid;
    border-width: 0 11px 11px;
    border-bottom-color: #e5e5e5;
    bottom: 0;
    top: -11px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 dl .more-style-box:after {
    right: 24px;
    pointer-events: none;
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 11px dashed transparent;
    z-index: 1;
    border-bottom-style: solid;
    border-width: 0 11px 11px;
    top: -10px;
    border-bottom-color: #ffffff;
    bottom: -1px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 .cheap-box-wrap:hover .more-cheap-box {
    display: block;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 .all-gifts-wrap dd {
    margin-right: 10px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 .all-gifts-wrap dd a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 20px;
    cursor: default;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 .all-gifts-wrap:hover .all-gifts-box {
    display: block;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel02 .all-gifts-wrap-statement {
    height: auto;
    overflow: hidden;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel03 {
    padding-top: 25px;
    padding-bottom: 0px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel03 .course-list-detail-right-pannel03-title {
    color: #1a1a1a;
    font-size: 14px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel03 .course-list-detail-right-pannel03-title span {
    float: right;
    color: #ff3334;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel03 .xue-card-subject-teacher li {
    position: relative;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel03 .course-detail-label {
    width: 20px;
    height: 20px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #ff3334;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 {
    padding: 33px 0;
    text-align: center;
    position: relative;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .not-qualified {
    position: absolute;
    line-height: 26px;
    top: 85px;
    right: 12px;
    background: #fff;
    padding: 15px;
    z-index: 10;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
    display: none;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .not-qualified:before {
    right: 90px;
    pointer-events: none;
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 11px dashed transparent;
    z-index: 1;
    border-bottom-style: solid;
    border-width: 0 11px 11px;
    border-bottom-color: #e5e5e5;
    bottom: 0;
    top: -11px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .not-qualified:after {
    right: 90px;
    pointer-events: none;
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 11px dashed transparent;
    z-index: 1;
    border-bottom-style: solid;
    border-width: 0 11px 11px;
    top: -10px;
    border-bottom-color: #ffffff;
    bottom: -1px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-voice-icon {
    height: 40px;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #f13232;
    color: #f13232;
    font-size: 16px;
    background: #fff;
    cursor: pointer;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-voice-icon i {
    margin-right: 7px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-voice-icon:hover {
    background: #f13232;
    color: #fff;
    border: 1px solid #f13232;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-voice-icon:active,
.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-voice-icon:focus {
    background: #d42525;
    color: #fff;
    border: 1px solid #d42525;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn {
    padding: 0 30px;
    height: 40px;
    background: #f13232;
    border: 1px solid #f13232;
    color: #fff;
    border-radius: 2px;
    margin: 0;
    font-size: 16px;
    margin-left: 5px;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn:hover {
    background: #fa4747;
    border: 1px solid #fa4747;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn:active,
.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn:focus {
    background: #d42525;
    border: 1px solid #d42525;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn-gray {
    height: 40px;
    background: #bfbfbf;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #bfbfbf;
    font-size: 16px;
    cursor: default;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn-gray:hover {
    background: #bfbfbf;
    border: 1px solid #bfbfbf;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn-gray:active,
.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 .course-detail-sign-btn-gray:focus {
    background: #bfbfbf;
    border: 1px solid #bfbfbf;
}

.course-list-detail .course-list-detail-right .course-list-detail-right-pannel04 a {
    text-align: center;
    display: inline-block;
    line-height: 39px;
}

#videoPlayWrap .am-modal-bd {
    padding-top: 10px !important;
    height: 100%;
    background: #fff;
}

#videoPlayWrap .modal-content {
    height: 100%;
}

#videoPlayWrap .modal-content .modal-body {
    height: 100%;
}

.accounts-wrapper {
    width: 470px;
    height: 665px;
    position: fixed;
    top: 100px;
    left: 50%;
    border-radius: 4px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #707070;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 0 40px #868080;
    display: none;
}

.accounts-wrapper .accounts-title {
    height: 50px;
    padding: 12px 16px;
    font-size: 18px;
    border-bottom: solid 1px #eaeaea;
    border-radius: 4px;
    background: #fcfcfc;
}

.accounts-wrapper .accounts-title .accounts-close-btn {
    margin-top: -2px;
    padding: 4px;
    cursor: pointer;
}

.accounts-wrapper .accounts-title .accounts-close-btn:hover {
    color: #333;
}

.accounts-wrapper .accouts-content {
    padding: 0 18px;
}

.accounts-wrapper .accouts-content .accounts-unchecked .accounts-mark,
.accounts-wrapper .accouts-content .accounts-checked .accounts-mark,
.accounts-wrapper .accouts-content .accounts-dischecked .accounts-mark {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
}

.accounts-wrapper .accouts-content .accounts-unchecked .accounts-mark:before,
.accounts-wrapper .accouts-content .accounts-checked .accounts-mark:before,
.accounts-wrapper .accouts-content .accounts-dischecked .accounts-mark:before {
    content: '';
    display: block;
    position: absolute;
    right: 7px;
    bottom: 6px;
    width: 9px;
    height: 15px;
    border: solid 2px #fff;
    border-top: none;
    border-left: none;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 400;
}

.accounts-wrapper .accouts-content .accounts-unchecked .accounts-mark:after,
.accounts-wrapper .accouts-content .accounts-checked .accounts-mark:after,
.accounts-wrapper .accouts-content .accounts-dischecked .accounts-mark:after {
    content: '';
    display: block;
    width: 32px;
    height: 57px;
    position: absolute;
    right: 15px;
    bottom: 3px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    z-index: 300;
}

.accounts-wrapper .accouts-content .accounts-dischecked .accounts-mark {
    background: #eaeaea;
}

.accounts-wrapper .accouts-content .accounts-dischecked .accounts-mark:before {
    z-index: 299;
}

.accounts-wrapper .accouts-content .accounts-dischecked .accounts-mark:after {
    background: #fcfcfc;
}

.accounts-wrapper .accouts-content .accounts-unchecked {
    cursor: pointer;
}

.accounts-wrapper .accouts-content .accounts-unchecked .accounts-mark {
    background: #eaeaea;
}

.accounts-wrapper .accouts-content .accounts-unchecked .accounts-mark:after {
    background: #fcfcfc;
}

.accounts-wrapper .accouts-content .accounts-checked {
    border: solid 2px #e74c3c;
}

.accounts-wrapper .accouts-content .accounts-checked .accounts-mark {
    background: #e74c3c;
}

.accounts-wrapper .accouts-content .accounts-checked .accounts-mark:after {
    background: #fcfcfc;
}

.accounts-wrapper .accounts-course {
    margin: 12px 0;
    border: solid 2px #eaeaea;
    border-radius: 4px;
    position: relative;
}

.accounts-wrapper .accounts-course-block {
    padding: 14px 16px;
    background: #fcfcfc;
}

.accounts-wrapper .accounts-series-course,
.accounts-wrapper .accounts-dischecked {
    margin-top: 53px;
    border: solid 2px #eaeaea;
    border-radius: 4px;
    position: relative;
    padding: 0 16px;
    background: #fcfcfc;
}

.accounts-wrapper .accounts-series-course .accouts-info,
.accounts-wrapper .accounts-dischecked .accouts-info {
    position: absolute;
    top: -42px;
    left: 5px;
    padding: 8px 20px;
    background: #e74c3c;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
}

.accounts-wrapper .accounts-series-course .accouts-info span,
.accounts-wrapper .accounts-dischecked .accouts-info span {
    padding: 0 4px;
    font-size: 18px;
}

.accounts-wrapper .accounts-series-course .accouts-course-block,
.accounts-wrapper .accounts-dischecked .accouts-course-block {
    position: relative;
    font-size: 14px;
    padding: 14px 0;
    border-bottom: solid 1px #eaeaea;
}

.accounts-wrapper .accounts-series-course .accouts-course-block h1,
.accounts-wrapper .accounts-dischecked .accouts-course-block h1 {
    margin: 6px 0 10px 0;
    color: #333;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts-wrapper .accounts-series-course .accouts-course-block p,
.accounts-wrapper .accounts-dischecked .accouts-course-block p {
    margin: 0;
}

.accounts-wrapper .accounts-series-course .accouts-course-block .new-price,
.accounts-wrapper .accounts-dischecked .accouts-course-block .new-price {
    margin-right: 8px;
    font-size: 18px;
}

.accounts-wrapper .accounts-series-course .accouts-course-block .orig-price,
.accounts-wrapper .accounts-dischecked .accouts-course-block .orig-price {
    text-decoration: line-through;
}

.accounts-wrapper .accounts-series-course .series-price,
.accounts-wrapper .accounts-dischecked .series-price {
    height: 50px;
    line-height: 50px;
    margin: 0;
    font-size: 16px;
}

.accounts-wrapper .accounts-series-course .series-price .new-price,
.accounts-wrapper .accounts-dischecked .series-price .new-price {
    font-size: 18px;
}

.accounts-wrapper .accounts-series-course .series-price .orig-price,
.accounts-wrapper .accounts-dischecked .series-price .orig-price {
    margin-left: 8px;
    font-size: 14px;
}

.accounts-wrapper .accounts-course-dischecked {
    position: relative;
    border: rgba(73, 74, 76, 0.36);
}

.accounts-wrapper .accounts-course-dischecked .accouts-info {
    top: -41px;
}

.accounts-wrapper .accounts-course-dischecked:before {
    content: '该课程对应课程已报满\A暂时不可联报';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 50%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    white-space: pre-wrap;
    z-index: 400;
}

.accounts-wrapper .accounts-course-dischecked:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(8, 7, 7, 0.7);
    border-radius: 4px;
    z-index: 300;
}

.accounts-wrapper .accounts-footer {
    height: 85px;
    line-height: 85px;
    font-size: 16px;
    padding-left: 16px;
}

.accounts-wrapper .accounts-footer .total-price {
    font-size: 18px;
}

.accounts-wrapper .accounts-footer .accounts-btn {
    display: inline-block;
    width: 140px;
    height: 46px;
    margin-top: 20px;
    line-height: 46px;
    text-align: center;
    border-radius: 2px;
    background: #e74c3c;
    color: #fff;
}

.accounts-wrapper .accounts-footer .accounts-btn:hover {
    background: #d62c1a;
}

.accounts-wrapper .accounts-course-block {
    font-size: 14px;
    position: relative;
}

.accounts-wrapper .accounts-course-block h1 {
    margin: 10px 0 10px -13px;
    color: #333;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts-wrapper .accounts-course-block p {
    margin: 0;
}

.accounts-wrapper .accounts-course-block .accounts-course-price .new-price {
    margin-right: 8px;
    font-size: 18px;
}

.accounts-wrapper .accounts-course-block .accounts-course-price .orig-price {
    text-decoration: line-through;
}

.accounts-wrapper .red {
    color: #e74c3c;
}

.accounts_mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
    filter: alpha(opacity=30);
    opacity: 0.3;
}


/*
 * 课程详情页----课程评论框

 */

.comment_form {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 60px;
}

.comment_form .comment_title {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.comment_form .comment_textarea {
    overflow: hidden;
}

.comment_form .comment_textarea textarea {
    width: 100%;
    height: 100px;
    padding: 5px;
    border: 1px solid #ccc;
}

.comment_form .comment_func {
    overflow: hidden;
    height: 50px;
}

.comment_form .comment_func .comment_tips {
    display: none;
    float: left;
    line-height: 30px;
}

.comment_form .comment_func .comment_button {
    float: right;
}

.comment_form .comment_func .comment_button .btn_submit {
    width: auto !important;
    padding: 8px 26px;
    font-size: 14px;
    margin-top: 10px;
    background: #ff3334;
    border-radius: 2px;
    color: #fff;
    border: none;
    outline: none;
}

.comment_form .comment_func .comment_button .btn_submit:hover {
    background: #fa4747;
}

.comment_form .comment_func .btn-info:active {
    border: none;
    background: #d42525;
}

.comment_form .comment_func .btn-info:focus {
    border: none;
    background: #d42525;
}

.comment_form .comment_func .btn-info:active:focus {
    border: none;
    background: #d42525;
}

.ui-comment-items {
    position: relative;
    z-index: 10;
}

.ui-comment-items .Extend_add_gold {
    width: 120px;
    height: 187px;
    position: absolute;
    left: 395px;
    bottom: 0;
    opacity: 0;
    background: url("/static/img/new_add_gold.png") no-repeat;
}

.ui-comment-items .Extend_add_gold p {
    width: 85px;
    height: 20px;
    text-align: center;
    margin-top: 170px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.ui-comment-items .Extend_add_gold p strong {
    color: #cc0000;
}

.xue-recordCourse-detailBox .xue-recordCourse-student {
    display: block;
    overflow: hidden;
}

.xue-recordCourse-detailBox .course-continue-price {
    padding-bottom: 22px;
}


/* 年级以及知识点选择css(start) */

.searchFilterSetting {
    display: inline-block;
    border-radius: 2px;
    padding: 4px 8px;
}

.searchFilterTip {
    color: #666666;
    padding: 12px 6px 12px 10px;
    text-align: left;
    width: 80px;
    font-weight: normal;
    background: #fcfcfc;
}

.searchFilterTip.course-type {
    padding: 20px 6px 20px 10px;
}


/* 搜索面包屑css(start) */

.search-breadcrumb-wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.search-breadcrumb-wrapper .search-breadcrumb-control {
    position: absolute;
    top: 15px;
    right: 0;
}

.search-breadcrumb-wrapper .search-breadcrumb-control .close-searchFilter {
    display: inline-block;
    color: #333;
    font-size: 12px;
    border: solid 1px #cccccc;
    padding: 2px 10px;
    background: #f6f6f6;
    cursor: pointer;
}

.search-breadcrumb-wrapper .search-breadcrumb-control .close-searchFilter img {
    margin-left: 8px;
    margin-top: -2px;
    transition: all 0.2s;
}

.search-breadcrumb-wrapper .search-breadcrumb-control .show-searchFilter {
    margin-left: 15px;
}

.search-breadcrumb {
    font-size: 12px;
    padding-left: 8px;
    margin-bottom: 15px;
    max-width: 970px;
}

.search-breadcrumb li {
    display: inline-block;
    margin-top: 15px;
}

.search-breadcrumb .all {
    color: #999;
}

.search-breadcrumb .breadcrumb-wrapper {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.search-breadcrumb .breadcrumb-wrapper:before {
    content: ">";
    display: inline-block;
    color: #666666;
    padding: 0 3px;
    font-weight: lighter;
}

.search-breadcrumb .breadcrumb-wrapper a {
    border: solid 1px #ddd;
    display: inline-block;
    margin: 0;
    color: #333;
}

.search-breadcrumb .breadcrumb-wrapper a:hover {
    border-color: #f00;
    background: #fff;
}

.search-breadcrumb .breadcrumb-wrapper a:hover span:first-child {
    color: #444;
}

.search-breadcrumb .breadcrumb-wrapper a span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.search-breadcrumb .breadcrumb-wrapper a span:first-child {
    padding-left: 8px;
}

.search-breadcrumb .breadcrumb-wrapper a .bread-blue {
    color: #f00;
    padding: 0;
}

.search-breadcrumb .breadcrumb-wrapper .bread-close {
    padding: 0 10px 0 5px;
}

.search-breadcrumb .breadcrumb-wrapper .bread-close img {
    width: 10px;
    height: 10px;
    vertical-align: baseline;
}

.search-breadcrumb .breadcrumb-wrapper .close-img-hover {
    display: none;
}

.search-breadcrumb .breadcrumb-wrapper .breadcrumb-sel-title:hover {
    border-bottom: 1px solid #ebebeb;
}

.search-breadcrumb .breadcrumb-wrapper .bread-arrow {
    padding: 0 10px 0 5px;
}

.search-breadcrumb .breadcrumb-wrapper .bread-arrow img {
    width: 15px;
    height: 8px;
    margin-top: -2px;
}

.search-breadcrumb .breadcrumb-wrapper .bread-arrow .bread-arrow-up {
    display: none;
}

.search-breadcrumb .breadcrumb-wrapper .breadcrumb-select-list {
    position: absolute;
    width: 116px;
    top: 13px;
    left: 18px;
    border: solid 1px #ddd;
    border-top: none;
    background: #fff;
    padding-top: 5px;
    display: none;
}

.search-breadcrumb .breadcrumb-wrapper .breadcrumb-select-list li {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0;
    cursor: text;
}

.search-breadcrumb .breadcrumb-wrapper .breadcrumb-select-list li a {
    border: none;
    display: block;
}

.search-breadcrumb .breadcrumb-wrapper .breadcrumb-select-list .current span {
    color: #999999;
}

.search-breadcrumb .breadcrumb-wrapper .breadcrumb-select-list .current a {
    cursor: text;
    color: #999999;
}

.search-breadcrumb .breadcrumb-select {
    z-index: 3;
}

.search-breadcrumb .breadcrumb-select:hover .breadcrumb-sel-title {
    border-color: #ddd;
}

.search-breadcrumb .breadcrumb-select:hover .bread-arrow-down {
    transform: rotate(180deg);
}

.search-breadcrumb .breadcrumb-select:hover .bread-arrow-up {
    display: none;
}

.search-breadcrumb .breadcrumb-select:hover .breadcrumb-select-list {
    display: block;
}

.search-breadcrumb .present:before {
    content: ">";
    display: inline-block;
    color: #666666;
    padding: 0 3px;
    font-weight: lighter;
}

#carousel-example-generic {
    height: 380px;
    overflow: hidden;
    background: #f8f8f8;
    /*=================/图片轮播大图/============================*/
    /*=================/图片轮播缩小图/============================*/
}

#carousel-example-generic .focus-list {
    overflow: hidden;
    padding: 0;
}

#carousel-example-generic .focus-list li {
    width: 100%;
    height: 380px;
}

#carousel-example-generic .focus-list li a {
    display: block;
    width: 100%;
    height: 380px;
}

#carousel-example-generic .focus-list li img {
    width: auto;
    margin: auto;
    max-width: none;
}

#carousel-example-generic .focus-list li.current {
    z-index: 10;
}

#carousel-example-generic .focus-num-wrap {
    width: 980px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    top: -20px;
}

#carousel-example-generic .focus-num-wrap ol.focus-num {
    width: 712px;
    left: 405px;
}

#carousel-example-generic .focus-num-wrap ol.focus-num li {
    width: 66px;
    height: 26px;
    line-height: 26px;
    border-radius: 1px;
    margin: 0 1px;
    cursor: pointer;
    text-align: center;
    list-style: none;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    color: #333;
    text-indent: 0;
    border: 0;
}

#carousel-example-generic .focus-num-wrap ol.focus-num li a {
    float: left;
    width: 100%;
    color: #333;
}

#carousel-example-generic .focus-num-wrap ol.focus-num li a:hvoer {
    color: #333;
}

#carousel-example-generic .focus-num-wrap ol.focus-num li.active {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

#carousel-example-generic .focus-num-wrap ol.focus-num li.active a {
    color: #fff;
}

#glory_logo {
    background: url("/static/img/login_bg.jpg") repeat-x scroll 0 0;
    height: 56px;
    margin: 0 auto;
}

#glory_logo .logo_center {
    margin: 0 auto;
    padding-top: 12px;
    width: 980px;
}

#glory_logo .logo_center .logo_passport {
    background: rgba(0, 0, 0, 0) url("/static/img/logo_new.png") no-repeat scroll 0 0;
    border-right: 1px solid #d9d9d9;
    float: left;
    height: 25px;
    margin-right: 18px;
    padding-right: 18px;
    width: 194px;
}

#glory_logo .logo_center .logo_tips {
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: normal;
    height: 32px;
    letter-spacing: 2px;
    width: 190px;
}

.glory-content-wrap {
    overflow: hidden;
    margin-bottom: 20px;
}

.glory-main-wrap {
    margin-top: 20px;
    overflow: hidden;
}

.glory_container_wrap {
    background: #f1f2f6;
}

.glory_container_wrap .screen-rank {
    overflow: hidden;
    border: 1px solid #eaeaea;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding-left: 0;
    background: #fcfcfc;
    margin-bottom: 15px;
    margin-top: 20px;
    border-radius: 2px;
}

.glory_container_wrap .container {
    overflow: hidden;
}

.none-content {
    float: left;
    position: relative;
    left: 50%;
}

.none-content .nc-center {
    position: relative;
    left: -50%;
    text-align: center;
    margin-top: 25px;
}

.none-content .nc-center img {
    _float: left;
    _margin-right: 240px;
    width: 200px;
    height: 200px;
}

.none-content .nc-center p {
    _float: none;
    _width: 120px;
    margin-top: 20px;
    line-height: 35px;
    font-size: 16px;
}

.none-content .nc-center p em {
    font-style: normal;
    color: #e74c3c;
}

.glory-grades-wrap {
    width: 1190px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    top: 0;
}

.glory_tips_con {
    text-align: center;
}

.glory-grades-trends-bg {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 280px;
    height: 300px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 36px;
}

.glory-grades-trends {
    width: 280px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    margin-top: 36px;
}

.glory-grades-trends .trends-title h3 {
    border-bottom: 1px solid #000;
    font-size: 16px;
    line-height: 50px;
    font-weight: normal;
    padding-left: 23px;
    margin-top: 0;
    overflow: hidden;
    color: #fff;
    opacity: 1;
}

.glory-grades-trends .glory-grades-list {
    list-style: none;
    color: #fff;
    padding-left: 0;
}

.glory-grades-trends .glory-grades-list li {
    line-height: 30px;
    font-size: 12px;
    padding-left: 23px;
    opacity: 1;
}

.glory-grades-trends .glory-grades-list li a {
    color: #fff;
}

.glory-grades-trends .glory-grades-list a {
    color: #fff;
}

.screen-rank li {
    float: left;
    font-size: 12px;
    list-style: outside none none;
    padding: 0 13px;
    height: 36px;
    line-height: 36px;
    position: relative;
}

.screen-rank li a:hover {
    color: #f13232;
}

.screen-rank li.active a {
    color: #f13232;
}

.screen-rank li.active a:hover {
    color: #f13232;
}

.screen-rank .screen-look-grades {
    height: 36px;
    width: 150px;
    margin-right: -1px;
    padding: 0;
    float: right;
    color: #fff;
    font-size: 18px;
}

.screen-rank .screen-look-grades a {
    display: inline-block;
    width: 150px;
    height: 36px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    background: #f13232;
}

.screen-rank .screen-look-grades a:hover {
    background: #fa4747;
    color: #fff;
}

.screen-rank .screen-look-grades a:active,
.screen-rank .screen-look-grades a:focus {
    background: #d42525;
    color: #fff;
}

.screen-rank .screen-look-grades a i {
    font-size: 18px;
    margin-left: 5px;
}

.glory-content.last {
    margin-right: 0;
}

.glory-content {
    margin: 0;
    display: inline;
    float: left;
    margin-right: 13px;
    overflow: hidden;
    width: 290px;
    padding-left: 0;
    list-style: none;
}

.glory-content li {
    margin-bottom: 15px;
    position: relative;
    background: #fff;
    border-radius: 2px;
}

.glory-content .glory-water {
    padding: 0 9px;
}

.glory-content .water-pic {
    border: 1px solid #eaeaea;
    width: 290px;
    padding: 9px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.glory-content .water-pic img {
    width: 270px;
}

.glory-content .water-pic p {
    font-size: 12px;
    color: #666666;
    line-height: 19px;
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 5px;
    word-break: break-all;
}

.glory-content .water-option {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    border-top: none;
    border-bottom: none;
    overflow: hidden;
}

.glory-content .water-option .option-pic {
    float: left;
    height: 40px;
    margin: 14px 10px 10px 0;
    overflow: hidden;
    text-align: center;
    width: 50px;
}

.glory-content .water-option .option-pic img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.glory-content .water-option .option-con {
    color: #999;
    float: left;
    overflow: hidden;
    position: relative;
    width: 210px;
    font-size: 12px;
}

.glory-content .water-option .option-con p {
    margin-bottom: 0;
    line-height: 18px;
    font-size: 12px;
}

.glory-content .water-option .option-con .users {
    margin-top: 8px;
    height: 18px;
    overflow: hidden;
    width: 100px;
}

.glory-content .water-option .option-con .grades {
    width: 210px;
    height: 18px;
    overflow: hidden;
}

.glory-content .water-option .option-con .times {
    height: 18px;
    position: absolute;
    right: 9px;
    text-align: right;
    top: 5px;
}

.glory-content .show-course {
    height: 30px;
    background: #fff6de;
    color: #dd6300;
    border: 1px solid #f6e4d5;
    width: 270px;
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    box-sizing: content-box;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.glory-window,
.glory_window_come {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: none;
    height: 0;
    box-shadow: 0 4px 15px #ccc inset;
    position: absolute;
    width: 290px;
    z-index: 900;
}

.glory-window .hasborder_1,
.glory_window_come .hasborder_1 {
    border-bottom: 1px dashed #cccccc;
}

.glory_window_come .window_arrow {
    background: url("https://img04.xesimg.com/glory/glory_window_arrow.png") no-repeat scroll center center;
    bottom: -8px;
    height: 10px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.window_detail {
    height: 55px;
    box-sizing: content-box;
    margin: 0 5px;
    padding: 8px 5px 10px;
    font-size: 12px;
}

.window_detail span {
    color: #666;
}

.window_detail span.teacher_name a {
    color: #666;
}

.window_detail a.learning_course_name {
    color: black;
    display: block;
    height: 16px;
    margin-top: 5px;
    overflow: hidden;
}

.window_detail a.learning_course_name:hover {
    text-decoration: underline;
}

.wrapper_body {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
}

.wrapper_body .log {
    background: #fff;
    border-radius: 2px;
    clear: both;
    margin: 30px auto;
    overflow: hidden;
    padding: 10px 5px 30px 5px;
}

.wrapper_body .log .log_left {
    float: left;
}

.wrapper_body .log .log_left .btn {
    border: 0 none;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.wrapper_body .log .register {
    background-color: #fff;
    margin: 0;
    padding-top: 40px;
    width: auto !important;
}

.wrapper_body .log .log_right {
    background: #ffffff;
    color: #676767;
    float: right;
    font-size: 14px;
    height: 450px;
    padding: 20px 10px;
    text-align: center;
    width: 360px;
}

.glory_body .glory_log_submit {
    _height: 780px;
}

.glory_body .glory_log_submit .log_left {
    overflow: hidden;
}

.glory_body .glory_log_submit .log_left .form_glory {
    margin-left: 40px;
    width: auto !important;
}

.glory_body .glory_log_submit .log_left .form_glory label {
    float: left;
    display: inline;
    font-size: 14px;
    margin-right: 5px;
    margin-top: 7px;
}

.glory_body .glory_log_submit .log_left .form_glory label i {
    color: #CC0000;
    padding-right: 3px;
}

.glory_body .glory_log_submit .log_left .form_glory span {
    float: left;
    display: inline;
}

.glory_body .glory_log_submit .log_left .form_glory .grey {
    color: #999;
}

.glory_body .glory_log_submit .log_left .form_glory .formLabel {
    width: 510px;
}

.glory_body .glory_log_submit .log_left .form_glory .formLabel_teacher {
    width: 510px;
}

.glory_body .glory_log_submit .log_left .form_glory .formLabel_text {
    width: 510px;
}

.glory_body .glory_log_submit .log_left .formLabel_text span.grey {
    margin-top: 9px;
}

.glory_body .glory_log_submit .log_left .formLabel_text p.text {
    height: 110px;
}

.glory_body .glory_log_submit .log_left .formLabel_text p.text textarea {
    width: 434px;
    height: 82px;
    color: #999;
    border: 1px solid #999;
    padding: 5px;
    margin: 15px 15px 15px 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.glory_body .glory_log_submit .log_left .formLabel_text p.info {
    color: #cc0000;
    padding-left: 10px;
    margin: 30px 0;
}

.glory_body .glory_log_submit .log_left .formLabel_teacher {
    overflow: hidden;
    margin-bottom: 30px;
}

.glory_body .glory_log_submit .log_left .formLabel_teacher .teachers {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 25px 0 20px 10px;
    *margin: 10px 0 10px 10px;
}

.glory_body .glory_log_submit .log_left .formLabel_teacher .teachers span {
    float: left;
    display: inline;
    margin-right: 10px;
    *width: 80px;
    *margin-right: 0;
}

.glory_body .glory_log_submit .log_left .formLabel_teacher .teachers span input {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    margin-top: 12px;
}

.glory_body .glory_log_submit .log_left .up_avatar_con {
    overflow: hidden;
    margin-bottom: 30px;
    _width: 100%;
    width: 790px;
}

.glory_body .glory_log_submit .log_left .up_avatar_con .up_avatar_pic {
    float: left;
    display: inline;
    width: 140px;
    height: 140px;
    background: url('https://img04.xesimg.com/glory/up_pic.png') no-repeat;
    margin-right: 10px;
    margin-left: 10px;
}

.glory_body .glory_log_submit .log_left .up_avatar_con .up_avatar_info {
    float: left;
    display: inline;
    color: #666;
    line-height: 180%;
    margin-left: 30px;
    width: 577px !important;
}

.glory_body .glory_log_submit .log_left .formFileUpPic {
    overflow: hidden;
    margin-bottom: 30px;
    _width: 100%;
}

.glory_body .glory_log_submit .log_left .formFileUpPic span {
    float: left;
}

.glory_body .glory_log_submit .log_left .formFileUpPic .file_up_pic {
    position: relative;
    overflow: hidden;
}

.glory_body .glory_log_submit .log_left .formFileUpPic .file_up_pic .input_file {
    width: 110px;
    cursor: pointer;
    height: 28px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.glory_body .glory_log_submit .log_left .formFileUpPic .file_up_pic .btn_up {
    width: 110px;
    height: 28px;
    background: url("https://img04.xesimg.com/button_avatar.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-indent: -9999em;
    margin-right: 15px;
}

.glory_body .glory_log_submit .log_left .formFileUpPic .grey {
    margin-top: 5px;
}

.glory_body .glory_log_submit .log_left .formLabel_btn {
    padding-left: 12px;
}

.glory_body .glory_log_submit .log_left .formLabel_btn .btn {
    width: 99px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    background: #f13232;
    padding: 0;
}

.glory_body .glory_log_submit .log_left .formLabel_btn .btn:hover {
    background: #fa4747 !important;
}

.glory_body .glory_log_submit .log_left .formLabel_btn .btn:active,
.glory_body .glory_log_submit .log_left .formLabel_btn .btn:focus {
    background: #d42525 !important;
}

.glory_body .glory_log_submit .log_left .formLabel {
    height: 55px;
    margin-bottom: 5px;
    *margin-bottom: 0;
    clear: left;
    color: #333333;
    overflow: hidden;
}

.glory_body .glory_log_submit .log_left .formLabel select {
    border: 1px solid #d2d2d2;
    background: #fff;
    color: #999999;
    margin-bottom: 3px;
    padding: 4px 1px;
    margin-right: 5px;
    width: 130px;
    overflow: hidden;
    height: 34px;
    font-size: 14px;
}

.glory_body .glory_log_submit .log_left .tx_tips {
    float: left;
    width: 100%;
    padding-left: 85px;
    height: 20px;
    color: #ff6633;
}

.glory_body .glory_log_submit .log_left .tx_tips strong {
    color: #ff6633;
    font-weight: bold;
    text-decoration: underline;
}

.glory_body .glory_log_submit .log_right {
    height: 780px;
    _height: 740px;
    background: url("https://img04.xesimg.com/glory/hline.png") no-repeat left center #ffffff;
}

.glory_body .glory_log_submit .log_right .glory_from_pic {
    width: 340px;
}

.layer_con_submit {
    width: 270px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.layer_con_submit .leyer_text {
    line-height: 180%;
    color: #666;
    margin-bottom: 20px;
}

.layer_con_submit .submits_con {
    overflow: hidden;
    width: 170px;
    margin: 10px auto 0;
}

.layer_con_submit .submits_con .btn_wrap_orange {
    float: left;
}

.layer_con_submit .submits_con .btn_wrap_orange button {
    width: 68px;
    height: 27px;
    line-height: 25px;
    background: #F38920;
    font-size: 14px;
    color: #fff;
}

.layer_con_submit .submits_con .btn_wrap_gray {
    float: right;
    display: inline;
}

.layer_con_submit .submits_con .btn_wrap_gray .againReview {
    display: block;
    width: 82px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    color: #666;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.thank_teacher {
    width: 468px;
    height: 40px;
    background: #fff6de;
    border: 1px solid #f5d0b2;
    color: #dd6300;
    line-height: 40px;
    margin: 10px 0 0 0;
    padding-left: 22px;
    display: block;
}

#noSubject {
    float: left;
    wdith: 100%;
    margin-left: 15px;
    overflow: hidden;
}

@-webkit-keyframes heartAnimation {
    0% {
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
        opacity: 1;
    }
    10% {
        -webkit-transform: scale(1) translate(-30%, -30%);
        transform: scale(1) translate(-30%, -30%);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(2.6) translate(-0.5%, -0.5%);
        transform: scale(2.6) translate(-0.5%, -0.5%);
        opacity: 0;
    }
}

@keyframes heartAnimation {
    0% {
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
        opacity: 1;
    }
    10% {
        -webkit-transform: scale(1) translate(-30%, -30%);
        transform: scale(1) translate(-30%, -30%);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(2.6) translate(-0.5%, -0.5%);
        transform: scale(2.6) translate(-0.5%, -0.5%);
        opacity: 0;
    }
}

.xue-freeCourse-switchVideo-box {
    display: block;
    overflow: hidden;
    position: relative;
    height: 106px;
    background: #f0f0f0;
}

.xue-freeCourse-switchVideo-box ul {
    margin: 0;
}

.xue-freeCourse-switchVideo-box ul li {
    width: 100%;
    height: 100%;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-title {
    display: block;
    height: 27px;
    line-height: 20px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 25px;
    margin: 0;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list {
    display: block;
    overflow: hidden;
    padding: 5px;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list ul li {
    display: inline-block;
    width: auto !important;
    height: 25px;
    margin: 3px;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list ul li a {
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 12px 0 6px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    letter-spacing: 3px;
    border-radius: 4px;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list ul li a:hover {
    background: #ff3333;
    color: #fff;
    border: 1px solid #ff3333;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list ul li a .icon-sort_up {
    transform: rotate(90deg);
    float: left;
    font-size: 24px;
    margin-right: 2px;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list ul li a em {
    float: left;
}

.xue-freeCourse-switchVideo-box ul li .xue-video-list ul li.active a {
    background: #ff3333;
    color: #fff;
    border: 1px solid #ff3333;
}

.xue-freeCourse-switchVideo-box .xue-video-switch-icon {
    font-size: 20px;
    cursor: pointer;
    color: #ff3333;
    position: absolute;
    top: -4px;
}

.xue-freeCourse-switchVideo-box .xue-video-switch-icon.xue-video-leftBtn-disabled,
.xue-freeCourse-switchVideo-box .xue-video-switch-icon.xue-video-rightBtn-disabled {
    color: #ccc;
    cursor: default;
}

.xue-freeCourse-switchVideo-box .xue-video-leftBtn {
    left: 0;
    transform: rotate(-90deg) !important;
}

.xue-freeCourse-switchVideo-box .xue-video-rightBtn {
    float: right;
    right: 0;
    transform: rotate(90deg) !important;
}

.layout-help-body {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
}

.us-container {
    margin: 0px auto;
    width: 1200px;
    height: 100%;
    overflow: hidden;
    /* 自适应高度 */
}

.us-content {
    float: right;
    width: 950px;
    height: 100%;
    padding: 0px 5px;
    margin-top: 20px;
    background: #fff;
}

.panel-help-body {
    float: left;
    width: 240px;
    height: 100%;
    margin-top: 20px;
    background: #fff;
}

.nav-header {
    color: #999;
    margin-bottom: 20px;
    text-align: center;
    padding-right: 10px;
    list-style: none;
    background: none;
    overflow: visible;
}

.panel-help-body ul {
    padding: 0px 0 20px;
    overflow: hidden;
    background: #fff;
    margin: 0 0px 15px 0;
    border-radius: 2px;
}

.us-article {
    overflow: hidden;
    padding: 15px;
    background: #fff;
    min-height: 310px;
    border-radius: 2px;
}

.panel-help-body ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    font-size: 14px;
}

.panel-help-body ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #666;
}

.panel-help-body ul li a:hover {
    color: #f13232;
}

.panel-help-body ul li a.active {
    color: #f13232;
}

.panel-help-body ul li.nav-header {
    background: none;
}

.article-title {
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #E9E9E9;
    font-weight: bold;
}

.article-label {
    overflow: hidden;
    margin: 30px 0;
    text-align: center;
    font-size: 14px;
}

.article-label span {
    display: inline-block;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
}

.us-article .article-content {
    overflow: hidden;
    margin: 30px 0;
    text-indent: 2em;
}

.us-article .article-content h3 {
    font-size: 14px;
    line-height: 30px;
}


/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-11-17 15:21:25
 * @version $Id$
 */

.w-h-198 .panel-body {
    padding: 0 30px 15px 0;
}

.us-article {
    overflow: hidden;
    margin: 20px 0;
}

.us-article .article-title {
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #E9E9E9;
    font-weight: bold;
}

.us-article .article-label {
    overflow: hidden;
    margin: 30px 0;
    text-align: center;
    font-size: 14px;
}

.us-article .article-label span {
    display: inline-block;
    padding-right: 20px;
}

.us-article .article-content {
    overflow: hidden;
    margin: 30px 0;
    text-indent: 2em;
}

.us-article .article-content p {
    line-height: 180%;
    margin-bottom: 10px;
    text-indent: 2em;
    font-size: 14px;
}

.us-article .article-content h3 {
    font-size: 14px;
}

.us-article .article-content .pic {
    text-align: center;
}

.panel-help-body .nav-header {
    color: #999;
    margin-bottom: 20px;
    text-align: center;
    padding-right: 10px;
    list-style: none;
    background: none;
    overflow: visible;
}

.panel-help-body .nav-header span {
    position: relative;
    top: 12px;
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.ui_mod_help_content {
    width: 980px;
    margin: 0 auto 20px;
    overflow: hidden;
}

.ui_mod_help_content .ui_tabs_help {
    height: 76px;
    overflow: hidden;
    margin-top: 15px;
    background: url(../img/tabs_bg.png) repeat-x;
    padding-left: 40px;
}

.ui_mod_help_content .ui_tabs_help li {
    float: left;
    display: inline;
    width: 218px;
    margin: 10px 10px 0 0;
}

.ui_mod_help_content .ui_tabs_help li a {
    display: block;
    width: 218px;
    height: 66px;
}

.ui_mod_help_content .ui_tabs_help li.one {
    margin-left: 0px;
}

.ui_mod_help_content .ui_tabs_help li.one a {
    background: url(../img/tabs_1.png) 0 9px no-repeat;
}

.ui_mod_help_content .ui_tabs_help li.one a.current {
    background: url(../img/tabs_current1.png) no-repeat;
}

.ui_mod_help_content .ui_tabs_help li.two a {
    background: url(../img/tabs_2.png) 0 9px repeat-x;
}

.ui_mod_help_content .ui_tabs_help li.two a.current {
    background: url(../img/tabs_current2.png) repeat-x;
}

.ui_mod_help_content .ui_tabs_help li.three a {
    background: url(../img/tabs_3.png) 0 9px repeat-x;
}

.ui_mod_help_content .ui_tabs_help li.three a.current {
    background: url(../img/tabs_current3.png) repeat-x;
}

.ui_mod_help_content .ui_tabs_help li.four a {
    background: url(../img/tabs_4.png) 0 9px repeat-x;
}

.ui_mod_help_content .ui_tabs_help li.four a.current {
    background: url(../img/tabs_current4.png) repeat-x;
}

.ui_mod_help_content ul.ui_help_main {
    overflow: hidden;
}

.ui_mod_help_content ul.ui_help_main li {
    display: none;
    overflow: hidden;
}

.ui_mod_help_content ul.ui_help_main li.conFocus {
    display: block;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot {
    overflow: hidden;
    width: 845px;
    margin: 20px 0 20px 40px;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .left_help {
    float: left;
    width: 430px;
    overflow: hidden;
    border-right: 1px solid #ededed;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .left_help .list_infor {
    width: 100%;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .left_help .list_infor .title_spot {
    line-height: 30px;
    padding-left: 12px;
    font-size: 14px;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .left_help .list_infor .title_spot a {
    color: #333;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .left_help .list_infor.current a {
    font-weight: bold;
    color: #666;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .left_help .list_infor .infor_spot {
    display: none;
    line-height: 180%;
    margin-left: 12px;
    color: #999;
}

.ui_mod_help_content ul.ui_help_main li .help_hotspot .right_lelp {
    float: right;
    width: 350px;
    padding-left: 40px;
    border: 0;
}

.ui_mod_help_content .help_guide {
    overflow: hidden;
    width: 845px;
    margin: 10px auto;
}

.ui_mod_help_content .help_guide dl {
    float: left;
    display: inline;
    margin-right: 2px;
    cursor: pointer;
}

.ui_mod_help_content .help_guide dl dt {
    width: 167px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-align: center;
    background: url(img/help_con_1.png) no-repeat;
}

.ui_mod_help_content .help_guide dl dd {
    width: 164px;
    height: 165px;
    line-height: 2.2em;
    padding: 10px 28px 0 30px;
    border: 1px solid #F9F9F9;
}

.ui_mod_help_content .help_guide dl dd a {
    color: #333;
}

.ui_mod_help_content .help_guide .current dt {
    background: url(../img/help_con_cur.png) no-repeat;
    color: #fff;
    font-weight: bold;
}

.ui_mod_help_content .help_guide .current dd {
    background: #fef2f2;
    border: 1px solid #f3d7d6;
    overflow: hidden;
}

.ui_mod_help_content .help_service {
    overflow: hidden;
    width: 845px;
    margin: 10px auto;
}

.ui_mod_help_content .help_service dl {
    float: left;
    display: inline;
    width: 276px;
    overflow: hidden;
    padding: 14px 0 14px 5px;
}

.ui_mod_help_content .help_service dl dt {
    font-weight: 700;
    background: url(../img/icon_help.png) no-repeat;
    padding: 5px 0 5px 22px;
    color: #666;
    font-size: 14px;
}

.ui_mod_help_content .help_service dl dd {
    height: 165px;
    line-height: 2.2em;
    padding-right: 28px;
    white-space: nowrap;
    padding-left: 22px;
    background: url(img/line_h.png) 6px top repeat-y;
}

.ui_mod_help_content .help_service dl dd a {
    color: #333;
}

.ui_mod_help_content .help_classify {
    overflow: hidden;
    width: 845px;
    margin: 10px auto;
}

.ui_mod_help_content .help_classify dl {
    float: left;
    display: inline;
    width: 417px;
    height: 76px;
    overflow: hidden;
}

.ui_mod_help_content .help_classify dl dt {
    color: #666;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
}

.ui_mod_help_content .help_classify dl dd {
    float: left;
    line-height: 2.2em;
    padding-right: 28px;
    white-space: nowrap;
}

.ui_mod_help_content .help_classify dl dd a {
    color: #333;
}

h1.title_help_new {
    width: 845px;
    margin: 20px auto;
    font-size: 14px;
    color: #666;
}

#containerItem {
    background: #f5f5f5;
    padding: 25px 0;
}

#containerItem .apply_container {
    overflow: hidden;
    background: #f5f5f5;
    width: 980px;
    margin: 0 auto;
    border: 1px solid #dddbd8;
}

#containerItem .apply_container .overview {
    width: 956px;
    margin: 12px auto;
    background: #fff;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #b5b5b5;
    border-right: 1px solid #e0e0e0;
}

#containerItem .apply_container .overview .settime {
    color: #BBB;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    background: url("https://img04.xesimg.com/clock.jpg") no-repeat 325px 0;
    text-align: center;
    font-weight: 700;
    margin: 30px 0;
}

#containerItem .apply_container .overview .overview_con {
    width: 936px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    border-bottom: 1px dashed #cbcbcb;
    padding: 20px 0;
}

#containerItem .apply_container .overview .overview_con p {
    margin-top: 5px;
}

#containerItem .apply_container .overview .overview_con .con_content {
    margin: 30px 0 30px 15px;
}

#containerItem .apply_container .overview .overview_con .con_content .content_title {
    font-weight: 700;
}

#containerItem .apply_container .overview .overview_con .con_content li {
    margin-top: 10px;
}

#containerItem .apply_container .overview .applyinfo {
    width: 936px;
    margin: 0 auto;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    background: #fff;
    position: relative;
}

#containerItem .apply_container .overview .applyinfo p.settime span {
    margin: 0 3px;
    color: #cc0000;
}

#containerItem .apply_container .overview .applyinfo p span {
    margin: 0 15px;
}

#containerItem .apply_container .overview .applyinfo p span b {
    color: #cc0000;
}

#containerItem .apply_container .overview .applyinfo .baoming_times {
    width: 192px;
    height: 152px;
    background: url('https://img04.xesimg.com/button/baoming_times.png') no-repeat;
    overflow: hidden;
    position: absolute;
    right: 100px;
    top: -79px;
    z-index: 100;
}

#containerItem .apply_container .overview .applyinfo .baoming_times span {
    display: inline-block;
    height: 30px;
    font-size: 22px;
    color: #333;
    margin-top: 64px;
    text-align: center;
    font-weight: bold;
}

#containerItem .apply_container .overview .applyinfo {
    padding: 35px 0 35px 0;
}

#containerItem .apply_container .overview .application {
    width: 288px;
    height: 62px;
    line-height: 62px;
    display: block;
    margin: 0 auto 10px auto;
    color: #fff !important;
    font-size: 35px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: #000000 -1px -2px 3px;
}

#containerItem .apply_container .overview .failapply {
    cursor: default;
}

#containerItem .apply_container .overview a:link {
    text-decoration: none;
}

#containerItem .apply_container .overview a:visited {
    text-decoration: none;
}

#containerItem .apply_container .overview a:hover {
    text-decoration: none;
}

#containerItem .apply_container .overview a:active {
    text-decoration: none;
}

#containerItem .apply_container .overview .usersinfo {
    padding: 30px 58px 10px 220px;
    width: 878px;
    background: #fff;
}

#containerItem .apply_container .overview .usersinfo p span {
    margin: 0 3px;
}

#containerItem .apply_container .overview .usersinfo p {
    clear: both;
    margin-bottom: 22px;
    overflow: hidden;
    text-align: left;
}

#containerItem .apply_container .overview .usersinfo p span {
    width: 300px;
    text-align: left;
    display: inline-block;
    float: left;
    font-size: 14px;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#containerItem .apply_container .overview .usersinfo p label {
    display: block;
    float: left;
    height: 35px;
    width: 140px;
    margin-right: 10px;
    line-height: 35px;
    color: #333;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
}

#containerItem .apply_container .overview .usersinfo p input {
    float: left;
    width: 226px;
    padding: 4px 0 3px 5px;
    vertical-align: middle;
    font-size: 14px;
    height: 32px;
    line-height: 25px;
}

#containerItem .apply_container .overview .usersinfo p input.error {
    border: 1px solid red;
}

#containerItem .apply_container .overview .usersinfo p span.sub-wrong {
    float: left;
    display: inline;
    _margin-right: -3px;
    width: 195px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    color: #999;
    color: #666;
    border: 1px #FADE7B solid;
    background-color: #FFFAE1;
}

#containerItem .apply_container .overview .prompt {
    color: #999999;
    padding-left: 90px;
}

#containerItem .apply_container .overview .special {
    display: none;
}

#apply_button {
    width: 232px;
    height: 33px;
    cursor: pointer;
    margin-left: 60px;
    background: url("https://img04.xesimg.com/ensurebtn.gif") no-repeat left 0;
    border: none;
}

.xue-mall-gloryTips-box {
    position: relative;
    display: block;
    background: #fff;
    height: 500px;
    margin: 30px 0;
    text-align: center;
    overflow: hidden;
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content .xue-mall-gloryTips-img {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content .xue-mall-gloryTips-img img {
    width: 277px;
    height: 201px;
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content p {
    float: left;
    width: 100%;
    line-height: 26px;
    font-size: 16px;
    color: #999999;
    margin: 0;
    padding: 0;
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content p.xue-mall-gloryTips-state {
    padding: 19px 0 10px 0;
    font-size: 18px;
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content p.xue-mall-gloryTips-state.xue-gloryTips-success-state {
    color: #68B64C;
}

.xue-mall-gloryTips-box .xue-mall-gloryTips-content p.xue-mall-gloryTips-state.xue-gloryTips-fail-state {
    color: #f13232;
}

.xue-sync-courses .free-card:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05), -5px 0px 10px rgba(0, 0, 0, 0.05);
    border-top-color: #f5f5f5 !important;
    cursor: pointer;
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

.xue-sync-courses .xue-card-title {
    font-size: 16px;
    color: #111;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xue-sync-courses .courses-num {
    margin-right: 16px;
}

.xue-sync-courses .free-card {
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.xue-sync-courses .free-card .free-card-center {
    padding: 2px 18px;
    height: 52px;
}

.xue-sync-courses .free-card .free-card-center .course-title {
    vertical-align: middle;
}

.xue-sync-courses .free-card .free-card-top {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.xue-sync-courses .free-card-bottom {
    margin-top: 0;
    text-align: right;
    padding: 0 18px;
    overflow: hidden;
}

.xue-sync-courses .free-card-bottom .free-card-num-detail-info {
    float: left;
    width: auto;
}

.xue-sync-courses .free-card-bottom .free-card-num-detail-info p {
    color: #999999;
    margin: 10px 0px 0px 0px;
    font-size: 12px;
}

.xue-sync-courses .free-card-bottom .free-card-price-info {
    float: right;
}

.xue-sync-courses .free-card-bottom .free-card-price-info .xue-course-price {
    font-size: 24px;
}

.english-test-list-box {
    width: 100%;
}

.english-test-list-box ul li {
    width: 100%;
    padding: 30px 0 24px 20px;
    height: 90px;
    line-height: 90px;
    background: #ffffff;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 10px;
}

.english-test-list-box ul li .english-test-list-title {
    font-size: 14px;
    line-height: 1;
    color: #333333;
    margin-bottom: 9px;
}

.english-test-list-box ul li .english-test-list-describe {
    font-size: 12px;
    line-height: 1;
    color: #999999;
}

.english-test-list-box ul li a {
    position: absolute;
    right: 50px;
    top: 25px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.xue-fresh-wrap {
    background: none;
    box-shadow: none;
}

.xue-fresh-wrap .xue-mall-course-list {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 14px 30px;
}

.xue-fresh-wrap .xue-mall-course-list dl dd a.active {
    border-radius: 4px;
}

.xue-fresh-wrap .xue-fresh-content {
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 30px;
}

.xue-fresh-wrap .xue-fresh-content .xue-fresh-tabBox {
    height: 48px;
    border-bottom: 2px solid #333333;
}

.xue-fresh-wrap .xue-fresh-content .xue-fresh-tabBox ul li {
    line-height: 48px;
    height: 48px;
    display: inline-block;
    padding: 0 40px;
}

.xue-fresh-wrap .xue-fresh-content .xue-fresh-tabBox ul li a {
    color: #333333;
}

.xue-fresh-wrap .xue-fresh-content .xue-fresh-tabBox ul li a:hover {
    color: #333333;
}

.xue-fresh-wrap .xue-fresh-content .xue-fresh-tabBox ul li.active {
    background: #333333;
}

.xue-fresh-wrap .xue-fresh-content .xue-fresh-tabBox ul li.active a {
    color: #fff;
}

.xue-fresh-detail-box {
    display: block;
    overflow: hidden;
    margin-top: 20px;
}

.xue-fresh-detail-box .xue-fresh-left-box {
    padding-right: 5px;
    float: left;
    width: 940px !important;
}

.xue-fresh-detail-box .xue-fresh-left-box .xue-fresh-listBox {
    padding: 0;
}

.xue-fresh-detail-box .xue-fresh-right-box {
    width: 240px !important;
    padding-left: 0;
    float: right !important;
}

.xue-fresh-detail-box .xue-fresh-right-box .xue-fresh-sideright-hotcourse h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 17px;
    padding-bottom: 9px;
}

.xue-fresh-detail-box .xue-fresh-right-box .xue-fresh-sideright-hotcourse:first-child h3 {
    margin: 0;
}


/**
 * 新鲜事Style
 * @author duxinli
 */

.blue-radius-btn {
    background: #f13232;
    color: #fff;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.blue-radius-btn:hover {
    background: #fa4747;
    color: #fff;
}

.blue-radius-btn:focus,
.blue-radius-btn:active {
    background: #d42525;
    color: #fff;
}

.fresh-notCourse {
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #999999;
    font-size: 16px;
    line-height: 125px;
    text-align: center;
    overflow: hidden;
}

.fresh-comment-tips {
    display: block;
    overflow: hidden;
    text-align: center;
    color: #cc0000;
    line-height: 30px;
    font-size: 12px;
}

.fresh-commentInfo-loading {
    background: url("../img/fresh-load.gif") no-repeat center center;
    display: block;
    height: 50px;
    overflow: hidden;
    text-indent: -3000px;
    width: 100%;
}

.fresh-list {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    padding: 12px;
    overflow: hidden;
    /** 
   * 热门新鲜事Style
   */
    /**
   * 我自己的新鲜事Style
   */
    /**
   * @我的新鲜事Style
   */
}

.fresh-list .f_blue {
    color: #1e89e0;
}

.fresh-list em,
.fresh-list i {
    font-style: normal;
}

.fresh-list a {
    outline: none;
}

.fresh-list a:focus {
    outline: none;
}

.fresh-list .fresh-avatar {
    width: 60px;
    height: 60px;
    margin: 8px 14px 0 0;
    display: inline;
    overflow: hidden;
}

.fresh-list .fresh-avatar a {
    float: left;
    width: 60px;
    height: 60px;
}

.fresh-list .fresh-avatar img {
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.fresh-list .fresh-detail {
    display: block;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333333;
}

.fresh-list .fresh-detail .fresh-info-uptop {
    background: url("../img/fresh-uptop.jpg") no-repeat scroll left 7px;
    padding-left: 21px;
    vertical-align: text-top;
}

.fresh-list .fresh-detail .fresh-text {
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans {
    overflow: hidden;
    color: #999999;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans strong {
    color: #e74c3c;
    padding-right: 10px;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-news-attention .fresh-attention-add {
    padding: 4px 10px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-news-attention .fresh-attention-add:hover {
    text-decoration: none;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-news-attention .fresh-attention-add:focus {
    outline: none;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-news-attention .fresh-attention-add.follow_add {
    color: #fff;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-news-attention .follow_cancel {
    color: #1e89e0;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention {
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention .fresh-attention-btn {
    background: #ffbc3c;
    margin-top: 4px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
    color: #fff;
    padding: 0 8px;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention .fresh-attention-btn .fresh-add {
    font-size: 14px;
    margin-top: 1px;
    padding-right: 2px;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention .fresh-attention-btn:hover {
    background: #fbae1a;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention em {
    float: left;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention a {
    float: left;
    color: #1e89e0;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention a:hover {
    text-decoration: underline;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention a.fresh-add-attention-btn:hover {
    text-decoration: none;
}

.fresh-list .fresh-detail .fresh-text .fresh-course-fans .fresh-course-attention .fresh-course-line {
    float: left;
    padding: 0 5px;
}

.fresh-list .fresh-detail .fresh-text .fresh-myname {
    display: inline;
    padding-right: 8px;
}

.fresh-list .fresh-detail .fresh-text .fresh-v {
    width: 18px;
    height: 14px;
    vertical-align: text-top;
    margin: 1px 0 0 4px;
    display: inline-block;
}

.fresh-list .fresh-detail .fresh-text .fresh-v.fresh-v-red {
    background: url('../img/freshV_Red.png') no-repeat;
}

.fresh-list .fresh-detail .fresh-text .fresh-v.fresh-v-blue {
    background: url('../img/freshV_blue.png') no-repeat;
}

.fresh-list .fresh-detail .fresh-text .fresh-v.fresh-v-yellow {
    background: url('../img/freshV_Yellow.png') no-repeat;
}

.fresh-list .fresh-detail .fresh-text a {
    color: #1e89e0;
    text-decoration: none;
}

.fresh-list .fresh-detail .fresh-text a:hover {
    color: #1e89e0;
    text-decoration: underline;
}

.fresh-list .fresh-detail .fresh-text img {
    vertical-align: -6px;
}

.fresh-list .fresh-detail .fresh-text .fresh-info {
    display: inline;
    word-break: breakAll;
    word-wrap: break-word;
}

.fresh-list .fresh-detail .fresh-media {
    margin-top: 15px;
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img {
    display: inline-block;
    float: left;
    margin-right: 10px;
    text-align: center;
    position: relative;
    max-height: 100px;
    overflow: hidden;
    cursor: url("../img/big.cur"), auto !important;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img .fresh-examIcon {
    background: url("../img/fresh-exam.gif") no-repeat;
    display: inline-block;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img .fresh-examIcon.fresh-examIcon-error {
    background: url("../img/fresh-exam-error.gif") no-repeat;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img .fresh-examIcon.fresh-examIcon-right {
    background: url("../img/fresh-exam-right.gif") no-repeat;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img img {
    max-width: 120px;
    min-width: 60px;
    vertical-align: top;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img.fresh-media-small-video img {
    cursor: pointer;
    width: 210px;
    max-width: 210px;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img.fresh-media-small-video .fresh-video-play {
    background: url("../img/fresh_videoplay.png") no-repeat;
    display: block;
    height: 57px;
    left: 50%;
    margin: -28px 0 0 -28px;
    position: absolute;
    top: 50%;
    width: 57px;
    z-index: 100;
}

.fresh-list .fresh-detail .fresh-media .fresh-media-small-img.fresh-media-small-video .fresh-video-play:hover {
    background: url("../img/fresh_videoplay_hover.png") no-repeat;
}

.fresh-list .fresh-detail .fresh-media-expand {
    border: 1px solid #eaeaea;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 10px;
}

.fresh-list .fresh-detail .fresh-media-expand.fresh-big-img-answer {
    cursor: url("../img/big.cur"), auto !important;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-sign-exam {
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-sign-exam img {
    max-width: 100%;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-analysis {
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-analysis strong {
    font-weight: bold;
    line-height: 40px;
    text-align: left;
    overflow: hidden;
    display: block;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-analysis img {
    max-width: 100%;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer {
    overflow: hidden;
    padding: 20px 0 10px 0;
    text-align: left;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer em {
    color: #cc0000;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer .fresh-big-selectAnswer {
    float: left;
    color: #999999;
    text-align: left;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer .fresh-big-selectAnswer em {
    line-height: 34px;
    color: #999999;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer .fresh-big-selectAnswer a {
    float: left;
    padding: 4px 24px;
    background: #e0e0e0;
    color: #fff;
    font-size: 18px;
    margin: 0 10px 0 0;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer .fresh-big-selectAnswer a:hover {
    background: #f13232;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-big-answer .fresh-big-selectAnswer a.fresh-Answer-disabled:hover {
    background: #ccd1d9;
}

.fresh-list .fresh-detail .fresh-media-expand.fresh-media-expand-video {
    cursor: default !important;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-bigimg-examIcon {
    display: inline-block;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
    z-index: 10;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-bigimg-examIcon.fresh-bigimg-examIcon-error {
    background: url("../img/fresh-exam-error.gif") no-repeat;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-bigimg-examIcon.fresh-bigimg-examIcon-right {
    background: url("../img/fresh-exam-right.gif") no-repeat;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-media-big-img {
    overflow: hidden;
    cursor: url("../img/small.cur"), auto !important;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-media-big-img img {
    max-width: 100%;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-media-big-video {
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-media-big-video .fresh-media-packUp {
    text-align: left;
    line-height: 21px;
    padding-bottom: 10px;
    margin: 0;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-media-big-video .fresh-media-packUp a {
    background: rgba(0, 0, 0, 0) url("../img/fresh_packup.png") no-repeat 0px 5px;
    color: #1e89e0;
    background-size: 7px 11px;
    cursor: pointer;
    display: inline-block;
    padding-left: 12px;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-media-expand .fresh-media-big-video .fresh-media-packUp a:hover {
    text-decoration: underline;
}

.fresh-list .fresh-detail .fresh-barinfo {
    overflow: hidden;
    padding-top: 8px;
    font-size: 12px;
    color: #a0a0a0;
    /**
         * 删除新鲜事和评论确认弹出层Style
         */
    /**
         * 删除新鲜事和评论确认弹出层Style结束
         */
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete {
    width: 210px;
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content {
    padding: 0;
    line-height: 32px;
    overflow: auto;
    text-align: center;
    display: block;
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content .fresh-dialog-delete-tips {
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 30px;
    margin: 0;
    padding: 10px 0 5px 0;
    font-size: 14px;
    color: #333;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content .fresh-dialog-delete-btn {
    padding: 10px 0;
    text-align: center;
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content .fresh-dialog-delete-btn .fresh-btn {
    margin: 0 5px;
    padding: 8px 26px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    float: none;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content .fresh-dialog-delete-btn .fresh-btn.fresh-sure-btn {
    background: #f13232;
    color: #fff;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content .fresh-dialog-delete-btn .fresh-btn.fresh-sure-btn:hover {
    background: #d7342e;
    color: #fff;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-dialog-delete .fresh-dialog-delete-content .fresh-dialog-delete-btn .fresh-btn.fresh-cancel-btn {
    background: #f3f3f3;
    color: #333333;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-addGold {
    float: left;
    background: #f9e68e;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    margin-top: 4px;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-addGold .fresh-addGold-icon {
    float: left;
    background: url('../img/fresh_addGold.png') no-repeat;
    width: 27px;
    height: 14px;
    display: inline-block;
    margin: 4px 3px 0 0;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-addGold strong {
    color: #cc0000;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-time {
    display: inline;
    text-align: left;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-right {
    display: inline;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-right .fresh-right-btn {
    float: left;
    padding-left: 10px;
    display: inline-block;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-right .fresh-right-btn a {
    float: left;
    color: #1e89e0;
    text-decoration: none;
    position: relative;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-right .fresh-right-btn a:hover {
    text-decoration: underline;
}

.fresh-list .fresh-detail .fresh-barinfo .fresh-right .fresh-right-btn em {
    float: left;
    font-style: normal;
}

.fresh-list .fresh-detail .fresh-comment-box {
    overflow: hidden;
    padding: 10px;
    background: #f7f7f7;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form {
    overflow: hidden;
    padding-bottom: 10px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-title {
    overflow: hidden;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-title .fresh-comment-title-text {
    color: #999999;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-title .fresh-comment-close-btn {
    width: 18px;
    height: 18px;
    margin-top: 6px;
    background: url(../img/comment-close.png) no-repeat;
    cursor: pointer;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-textarea {
    overflow: hidden;
    position: relative;
    padding: 10px 0;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-textarea textarea {
    border: 1px solid #eaeaea;
    height: 136px;
    padding: 5px;
    overflow-y: auto;
    resize: none;
    line-height: 20px;
    box-shadow: none;
    font-size: 12px;
    margin: 0;
    width: 100%;
    outline: none;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-textarea .fresh-comment-status {
    background: #fcfcfc;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    left: 1px;
    right: 1px;
    top: 11px;
    bottom: 19px;
    text-align: center;
    z-index: 10;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-textarea .fresh-comment-status .fresh-comment-success {
    background: url("../img/fresh-check.png") no-repeat left 0;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    margin: 50px auto;
    width: auto;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-textarea .fresh-comment-status .fresh-comment-warning {
    background: url("../img/fresh-warn.png") no-repeat left 0;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 50px auto;
    padding-left: 40px;
    width: auto;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-textarea .fresh-comment-status .fresh-comment-loading {
    background: url("../img/fresh-load.gif") no-repeat left 10px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    margin: 50px auto;
    width: auto;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func {
    overflow: hidden;
    line-height: 45px;
    height: 45px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-emote-smiles-btn {
    float: left;
    cursor: pointer;
    height: 33px;
    line-height: 21px;
    padding-top: 12px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-emote-btn {
    float: left;
    cursor: pointer;
    width: 21px;
    height: 21px;
    margin: 0 5px 0 0;
    background: url('../img/fresh-emote.png') no-repeat;
    background-size: 21px 21px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-emotetext {
    float: left;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-emotetext:hover {
    text-decoration: underline;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-btn {
    float: right;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-btn .fresh-comment-size {
    float: left;
    color: #999999;
    margin-right: 10px;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-btn .fresh-comment-size .fresh-comment-text-num {
    font-size: 16px;
    font-style: normal;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-btn .fresh-comment-submit-btn {
    float: left;
    cursor: pointer;
    position: relative;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-btn .fresh-comment-submit-btn a {
    padding: 8px 26px;
    font-size: 14px;
    margin: 0;
}

.fresh-list .fresh-detail .fresh-comment-box .fresh-comment-form .fresh-comment-func .fresh-comment-btn .fresh-comment-submit-disabled {
    background: #fcfcfc;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    z-index: 10;
}

.fresh-list .fresh-detail .fresh-comment-detail-info {
    overflow: hidden;
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-text {
    font-size: 12px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-avatar-mini {
    width: 40px;
    height: 40px;
    margin: 0 14px 0 0;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-avatar-mini a {
    float: left;
    width: 40px;
    height: 40px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-uesr {
    display: inline;
    padding-right: 4px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-uesr .fresh-v {
    float: left;
    width: 18px;
    height: 14px;
    margin: 8px 4px 0 4px;
    display: inline-block;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-uesr .fresh-v.fresh-v-red {
    background: url('../img/freshV_Red.png') no-repeat;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-uesr .fresh-v.fresh-v-blue {
    background: url('../img/freshV_blue.png') no-repeat;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-uesr .fresh-v.fresh-v-yellow {
    background: url('../img/freshV_Yellow.png') no-repeat;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list em {
    font-style: normal;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .fresh-font-blue {
    color: #1e89e0;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-list .f_blue {
    color: #1e89e0;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-more {
    overflow: hidden;
    line-height: 40px;
    text-align: right;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-more a {
    color: #1e89e0;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-more a:hover {
    text-decoration: underline;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-line {
    height: 30px;
    border-bottom: 1px solid #ededed;
    margin: 8px 0;
    text-align: center;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-line .fresh-line-tip {
    color: #999;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    width: auto;
    z-index: 10;
    padding: 0 15px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-line .fresh-line-tip strong {
    color: #cc0000;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley {
    background: #f1f1f1;
    border: 1px solid #eaeaea;
    padding: 15px 10px 10px 10px;
    margin-top: 10px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley .fresh-comment-textarea {
    padding: 0;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley .fresh-comment-textarea textarea {
    padding: 10px 5px;
    min-height: 20px;
    line-height: 20px;
    height: 42px;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley .fresh-comment-textarea .fresh-comment-status {
    background: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: relative;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 10;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley .fresh-comment-textarea .fresh-comment-status .fresh-comment-success {
    background: url("../img/fresh-check.png") no-repeat left 0;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    margin: 0px auto;
    width: auto;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley .fresh-comment-textarea .fresh-comment-status .fresh-comment-warning {
    background: url("../img/fresh-warn.png") no-repeat left 0;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0px auto;
    padding-left: 40px;
    width: auto;
}

.fresh-list .fresh-detail .fresh-comment-detail-info .fresh-comment-repley .fresh-comment-textarea .fresh-comment-status .fresh-comment-loading {
    background: url("../img/fresh-load.gif") no-repeat left 10px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    margin: 0 auto;
    width: auto;
}

.fresh-list.fresh-popular-list {
    cursor: pointer;
}

.fresh-list.fresh-popular-list:hover {
    background: #fcfcfc;
    cursor: pointer;
}

.fresh-list.fresh-popular-list .fresh-avatar {
    margin: 2px 10px 0 0;
    width: 40px;
    height: 40px;
}

.fresh-list.fresh-popular-list .fresh-avatar a {
    float: left;
    width: 40px;
    height: 40px;
}

.fresh-list.fresh-popular-list .fresh-detail {
    line-height: 18px;
}

.fresh-list.fresh-popular-list .fresh-detail .fresh-text .fresh-info {
    display: block;
    overflow: hidden;
    font-size: 12px;
}

.fresh-list.fresh-myself-list .fresh-detail .fresh-text .fresh-info {
    display: block;
    overflow: hidden;
    font-size: 12px;
}

.fresh-list.fresh-myself-list .fresh-detail .fresh-text .fresh-my-do {
    display: inline;
}

.fresh-list.fresh-myself-list .fresh-comment-detail-info .fresh-detail .fresh-text .fresh-info {
    display: inline;
    overflow: auto;
}

.fresh-list.fresh-contact-my-list .fresh-detail .fresh-text .fresh-info {
    display: block;
    overflow: hidden;
}

.fresh-list.fresh-contact-my-list .fresh-detail .fresh-text .fresh-my-do {
    display: inline;
}

.fresh-list.fresh-contact-my-list .fresh-detail .fresh-contact-mention {
    display: block;
    overflow: hidden;
    padding: 20px;
    background: #f7f7f7;
}

.fresh-list.fresh-contact-my-list .fresh-comment-detail-info .fresh-detail .fresh-text .fresh-info {
    display: inline;
    overflow: auto;
}


/** 
 * 发送新鲜事Style
 */

.fresh-send-box-modal-dialog .modal-dialog {
    width: 800px;
}

.fresh-send-box {
    background: #fff;
    width: 100%;
    overflow: hidden;
}

.fresh-send-box em,
.fresh-send-box i {
    font-style: normal;
}

.fresh-send-box .fresh-send-textareaBox {
    border: 1px solid #eaeaea;
    padding: 7px 10px;
    font-size: 14px;
    box-shadow: none;
    line-height: 20px;
    color: #333333;
    margin: 0;
    height: 136px;
    resize: none;
    overflow-y: auto;
    width: 100%;
}

.fresh-send-box .fresh-send-preview {
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-top: none;
    padding: 10px;
}

.fresh-send-box .fresh-send-preview .fresh-send-preview-imgvideo {
    float: left;
    position: relative;
    max-width: 120px;
    min-width: 36px;
}

.fresh-send-box .fresh-send-preview .fresh-send-preview-imgvideo .fresh-preview-close {
    background: url('../img/comment-close.png') no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: -18px;
    top: 0;
    cursor: pointer;
}

.fresh-send-box .fresh-send-preview .fresh-send-preview-imgvideo img {
    width: 100%;
}

.fresh-send-box .fresh-send-preview .fresh-send-preview-imgvideo #fresh-send-preview-img {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
}

.fresh-send-box .fresh-send-form {
    overflow: hidden;
    margin-top: 10px;
    line-height: 34px;
    height: 34px;
    padding: 0 6px;
    color: #999999;
    font-size: 12px;
}

.fresh-send-box .fresh-send-emote-click-btn {
    float: left;
    height: 22px;
    line-height: 22px;
    margin-top: 6px;
    cursor: pointer;
}

.fresh-send-box .fresh-send-emote {
    float: left;
    background: url('../img/fresh-smile.png') no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.fresh-send-box a {
    float: left;
    color: #1e89e0;
    padding-left: 5px;
}

.fresh-send-box a:hover {
    text-decoration: underline;
}

.fresh-send-box .fresh-send-upload {
    float: left;
    width: 22px;
    height: 19px;
    margin-top: 7px;
    background: red;
    position: relative;
    margin-left: 20px;
    background: url('../img/fresh-upload.png') no-repeat;
}

.fresh-send-box .fresh-send-upload .fresh-fileToUpload {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 51px;
    height: 19px;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.fresh-send-box .fresh-send-text-num {
    font-size: 16px;
    font-style: normal;
    padding: 0 5px;
}

.fresh-send-box .fresh-send-submit-box {
    float: left;
    cursor: pointer;
    margin-left: 15px;
}

.fresh-send-box .fresh-send-submit-box .fresh-send-submit-btn {
    padding: 8px 26px;
    font-size: 14px;
    color: #fff;
    margin: 0;
    border: none;
    line-height: normal;
}

.fresh-send-box .fresh-send-submit-box .fresh-send-submit-btn:hover {
    text-decoration: none;
}


/**
 *评论验证码弹出层Style
 */

.fresh-dialog--modal-verification .modal-dialog {
    width: 395px;
    overflow: hidden;
}

.fresh-dialog-verificationCode {
    background: #fff;
    overflow: hidden;
}

.fresh-dialog-verificationCode .fresh-dialog-content {
    padding: 10px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal {
    overflow: hidden;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-tips {
    font-size: 14px;
    color: #666666;
    overflow: hidden;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-tips span {
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding-left: 35px;
    background: url('../img/fresh-warn.png') no-repeat;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-img {
    overflow: hidden;
    margin-left: 57px;
    margin-top: 20px;
    line-height: 26px;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-img span,
.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-img input {
    float: left;
    display: inline;
    margin-right: 5px;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-img span {
    font-size: 14px;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-img span #verificationImg {
    height: 26px;
    cursor: pointer;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-medal-img input {
    width: 115px;
    height: 26px;
    border: 1px solid #ccc;
    margin: 0 5px 0 0;
    padding: 0;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal #fresh-dialog-tips-Code {
    color: #cc0000;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    display: block;
    text-align: center;
    font-size: 12px;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-sure-btn {
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-sure-btn a {
    padding: 8px 26px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
}

.fresh-dialog-verificationCode .fresh-dialog-content .fresh-dialog-medal .fresh-dialog-sure-btn a.fresh-dialog-btn-disabled {
    background: #1e89e0;
    opacity: .6;
    filter: alpha(opacity=60);
}


/**
 *表情弹出层Style
 */

.fresh-dialog-emote {
    background: #fff;
    overflow: hidden;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal {
    width: 456px;
    overflow: hidden;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-smilies-title {
    overflow: hidden;
    background: #f9f9f9;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-smilies-title ul {
    float: left;
    display: inline;
    width: 300px;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-smilies-title ul li {
    float: left;
    font-size: 12px;
    display: inline;
    width: 75px;
    text-align: center;
    cursor: pointer;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-smilies-title ul li.current {
    background: #fff;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-smilies-title .fresh-smilies-close {
    float: right;
    display: inline;
    width: 15px;
    height: 15px;
    background: url('../img/fresh-smilies-close.png') no-repeat;
    text-indent: -99999em;
    cursor: pointer;
    margin: 5px 5px 0;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box {
    overflow: hidden;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-dialog-smilies-con {
    overflow: hidden;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-dialog-smilies-con ul.fresh-dialog-smilies-list {
    width: 450px;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-dialog-smilies-con ul li {
    float: left;
    display: inline;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    width: 30px;
    height: 30px;
    padding: 3px;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-dialog-smilies-con ul li img {
    float: left;
    width: 22px;
    height: 22px;
    max-width: 22px;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-dialog-smilies-con ul li:hover {
    background: #f1fcfa;
    border: 1px solid #c1e2f1;
    position: relative;
    z-index: 2;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-smilies-page {
    overflow: hidden;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-smilies-page ul {
    width: 450px;
    overflow: hidden;
    border-top: 1px solid #f5f5f5;
    padding: 10px 0 0 0;
    margin: 0 auto 5px 0;
    text-align: right;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-smilies-page ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin-left: 5px;
    font-size: 12px;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-smilies-page ul li.current {
    background: #0077b4;
}

.fresh-dialog-emote .fresh-dialog-smilies-medal .fresh-dialog-smilies-box .fresh-smilies-page ul li.current a {
    color: #fff;
    text-decoration: none;
}


/**
 * 收藏弹出层Style
 */

.fresh-dialog-collect {
    overflow: hidden;
}

.fresh-dialog-collect .fresh-dialog-collect-content {
    min-width: 115px;
    padding: 5px 0;
    line-height: 32px;
    overflow: auto;
    text-align: center;
    font-size: 12px;
}

.fresh-dialog-collect .fresh-dialog-collect-content .fresh-dialog-collect-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-position: left top;
    background-repeat: no-repeat;
}

.fresh-dialog-collect .fresh-dialog-collect-content .fresh-dialog-success {
    overflow: hidden;
}

.fresh-dialog-collect .fresh-dialog-collect-content .fresh-dialog-success .fresh-dialog-collect-icon {
    background: url('../img/fresh-check.png') no-repeat;
}

.popover-mask-box {
    position: relative;
    z-index: 9999999999999999;
    float: left;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.popover {
    max-width: 1000px;
}


/** 
 * 新鲜事筛选Style
 */

.filter-public-tab {
    display: block;
    overflow: hidden;
    background: #fff;
    line-height: 30px;
    padding: 12px 15px;
    font-size: 12px;
    color: #333333;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #eaeaea;
}

.filter-public-tab a {
    outline: none;
}

.filter-public-tab a:focus {
    outline: none;
}

.filter-public-tab .filter-text-style {
    float: left;
    color: #999999;
    margin-right: 3px;
}

.filter-public-tab .filter-nav-list {
    display: block;
    overflow: hidden;
}

.filter-public-tab .filter-nav-list ul {
    margin: 0;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
}

.filter-public-tab .filter-nav-list ul li {
    float: left;
    margin-right: 20px;
    list-style: none;
}

.filter-public-tab .filter-nav-list ul li a {
    font-size: 12px;
    color: #333333;
}

.filter-public-tab .filter-nav-list ul li a:hover {
    color: #2599c4;
}

.filter-public-tab .filter-nav-list ul li.current a {
    color: #2599c4;
}

.fresh-main-wrapper .none-content {
    padding: 15px;
}

.fresh-red-circle {
    width: 6px;
    height: 6px;
    margin-left: 2px;
    background: url('../img/fresh-red-circle.png');
}

@font-face {
    font-family: myFirstFont;
    src: url('img/time.ttf');
}

.course-list {
    width: 100%;
    overflow: hidden;
}

.course-list .ui-author {
    background: #3bafda;
    height: 250px;
    width: 150px;
    position: relative;
    color: #fff;
    text-align: center;
}

.course-list .ui-author .ui-name {
    font-size: 14px;
}

.course-list .ui-author .ui-more {
    border: 1px solid #fff;
    padding: 6px 12px;
    border-radius: 3px;
}

.course-list .ui-author .ui-more:hover {
    text-decoration: underline;
}

.course-list .ui-author p {
    margin-bottom: 4px;
}

.course-list .ui-author p:first-child {
    margin-bottom: 8.5px;
}

.course-list .ui-author p:last-child {
    margin-top: 40px;
}

.course-list .ui-author img {
    margin: 30px 0 0px 0px;
    position: relative;
}

.course-list .ui-author a {
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
}

.course-list .ui-author i {
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 0 10px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    /*透明 透明 透明 黄*/
    position: absolute;
    top: 55px;
    left: 0px;
}

.course-list .ui_follow .btn-default {
    background-color: #ccd1d9;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
}

.course-list .ui_follow .follow_add {
    display: inline-block;
    line-height: 20px;
    padding: 0 8px;
}

.course-list .btn {
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 0;
    font-family: 'SimSun';
    width: 98px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    padding: 0;
    line-height: 30px;
}

.course-list label {
    margin-bottom: 0;
    font-weight: normal;
}

.course-list .ui-avatar {
    width: 60px;
    text-align: center;
    float: left;
    display: inline;
    margin-right: 14px;
}

.course-list .ui-avatar .ui_follow a,
.course-list .ui-avatar .ui_follow span {
    font-size: 12px;
}

.course-list .ui-avatar span.ui-user-name {
    font-size: 14px;
}

.course-list .ui-avatar .ui-userinfo .userpic {
    display: block;
    width: 60px;
    height: 60px;
}

.course-list .ui-avatar .avatar-photo {
    margin-bottom: 4px;
    display: inline-block;
    width: 60px;
    overflow: hidden;
    padding-left: 0;
    margin-top: 0;
}

.course-list .ui-avatar .avatar-photo img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.course-list .ui-avatar .avatar-photo ul {
    overflow: hidden;
    width: 800px;
    height: 60px;
    margin-left: 0;
    margin-bottom: 9px;
    padding-left: 0;
}

.course-list .ui-avatar .avatar-photo ul li {
    overflow: hidden;
    float: left;
    width: 60px;
}

.course-list .ui-avatar .avatar-photo .avatar-roll a {
    outline: none;
}

.course-list .ui-avatar .avatar-photo .avatar-roll a em {
    display: inline-block;
    height: 17px;
    line-height: 17px;
    text-align: center;
    text-indent: -9999em;
    vertical-align: top;
    width: 17px;
}

.course-list .ui-avatar .avatar-photo .avatar-roll a .icon-chevron-left {
    background: url('img/icon_chevron_left.png') no-repeat 0 0;
}

.course-list .ui-avatar .avatar-photo .avatar-roll a .icon-chevron-right {
    background: url('img/icon_chevron_right.png') no-repeat 0 0;
}

.course-list .ui-avatar .avatar-photo .avatar-roll a.none .icon-chevron-left {
    background: url('img/icon_chevron_left_none.png') no-repeat 0 0;
}

.course-list .ui-avatar .avatar-photo .avatar-roll a.none .icon-chevron-right {
    background: url('img/icon_chevron_right_none.png') no-repeat 0 0;
}

.course-list .course-detail-wrap {
    overflow: hidden;
}

.course-list .course-detail-wrap .course-detail {
    width: 88%;
}

.course-list .course-detail {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}

.course-list .course-detail p {
    line-height: 30px;
    overflow: hidden;
    font-size: 12px;
    margin: 0;
}

.course-list .course-detail a.tip-for {
    display: block;
    font-size: 12px;
    color: #666;
    margin: 0;
}

.course-list .course-detail a.tip-for span {
    margin-right: 15px;
    float: left;
}

.course-list .course-detail a.tip-for span strong {
    color: #e74c3c;
    font-weight: normal;
}

.course-list .course-detail a.tip-for span:first-child {
    color: #333;
}

.course-list .course-detail p.tip-video {
    background: url("img/video-couseicon.png") no-repeat left center;
    padding-left: 25px;
}

.course-list .course-detail .avatar-name .ui-username {
    color: #666;
    font-size: 12px;
    line-height: 30px;
}

.course-list .course-detail .avatar-name .avatar-name {
    color: #666;
    font-size: 12px;
    line-height: 30px;
}

.course-list .course-detail .ui-username {
    color: #333;
    font-size: 26px;
    line-height: 34px;
    float: left;
}

.course-list .course-detail .course-icon {
    width: 21px;
    height: 34px;
    display: inline-block;
    float: left;
    margin: 0 8px;
}

.course-list .course-detail .icon-yverify {
    background: url('img/v.png') no-repeat left center;
}

.course-list .course-detail span.teacher-label {
    font-size: 12px;
    color: #999999;
    height: 34px;
    float: left;
    line-height: 34px;
}

.course-list .course-detail .course-title {
    font-size: 14px;
    margin-top: 0;
}

.course-list .course-detail .course-title span.course-tip {
    display: inline-block;
    color: #999999;
    font-size: 12px;
}

.course-list .course-detail .course-title .title-detail {
    font-family: 'Microsoft YaHei';
}

.course-list .course-detail .course-teacher {
    margin-top: 0;
}

.course-list .course-detail .amount-show {
    margin-top: 8px;
}

.course-list .course-detail .amount-show strong {
    font-size: 12px;
    color: #e74c3c;
    font-weight: normal;
}

.course-list .course-detail .amount-show .course-static {
    line-height: 30px;
    float: left;
    margin-right: 18px;
}

.course-list .course-detail .amount-show .course-static .icon-staic {
    background: url('../img/static.png') no-repeat left center;
    width: 20px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    margin-right: 5px;
    display: inline-block;
    font-style: normal;
}

.course-list .course-detail .amount-show .course-people {
    line-height: 30px;
    float: left;
}

.course-list .course-detail .amount-show .course-people .icon-people {
    background: url('../img/ic_username.png') no-repeat left center;
    width: 20px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    margin-right: 5px;
    display: inline-block;
    font-style: normal;
}

.course-list .course-detail .amount-show .button {
    font-size: 14px;
}

.course-list .course-detail .amount-test .btn {
    float: left;
}

.course-list .course-detail .amount-test strong {
    line-height: 29px;
    margin-left: 5px;
}

.course-list .course-detail .amount-test .test-price {
    color: #e74c3c;
    font-family: "Microsoft YaHei";
    display: inline-block;
    overflow: hidden;
    margin-left: 10px;
}

.course-list .course-detail .amount-test .test-price span {
    font-size: 18px;
    float: left;
}

.course-list .course-detail .amount-test .test-price span.course-price-label {
    font-size: 26px;
}

.course-list .cancel-courseList {
    float: right;
    font-size: 12px;
}

.course-list .cancel-courseList a {
    color: #1e89e0;
}

.course-list .cancel-courseList em {
    font-style: normal;
    color: #666666;
}

.course-list .cancel-courseList em i {
    font-style: normal;
}

.course-list .cancel-courseList-disabled a {
    color: #999;
    cursor: default;
}

.course-list .course-num {
    width: 86px;
    float: right;
    font-family: 'Microsoft YaHei';
    text-align: center;
    padding-left: 0;
    margin-top: 5px;
}

.course-list .course-num p {
    font-size: 14px;
    margin-bottom: 3px;
    color: #a0a0a0;
}

.course-list .course-num strong {
    color: #e74c3c;
    font-size: 20px;
    font-weight: normal;
}

.course-list .course-right-info {
    margin-top: 24px;
    padding-left: 0;
}

.course-list .course-right-info li {
    padding-left: 24px;
    font-size: 12px;
    font-family: 'SimSun';
    color: #333;
    text-align: left;
    margin-top: 6px;
}

.course-list .course-right-info li.video {
    background: url("img/direct-help.png") no-repeat 0 center;
}

.course-list .course-right-info li.homework {
    background: url("img/homework.png") no-repeat 0 center;
}

.course-list .course-right-info li.answer {
    background: url("img/answer.png") no-repeat 0 center;
}

.course-list .course-right-record {
    margin-top: 40px;
}

.course-list .course-right-record li {
    padding-left: 24px;
    font-size: 12px;
    font-family: 'SimSun';
    color: #333;
    text-align: left;
    margin-top: 6px;
}

.course-list .course-right-record li.interact-flash {
    background: url("img/interact-flash.png") no-repeat 0 center;
}

.course-list .course-right-record li.direct-help {
    background: url("img/direct-help.png") no-repeat 0 center;
}

.course-list .free-course-attention {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}

.course-list .free-course-attention em,
.course-list .free-course-attention i {
    font-style: normal;
}

.course-list .free-course-attention em {
    background: #ccc none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 0 6px;
}

.hot-course-list .free-course-attention em {
    background: url();
    padding: 0;
    color: #333;
    cursor: default;
}

.course-list .free-attention-btn {
    background: #ffbc3c;
    border-radius: 2px;
    color: #fff;
    line-height: 20px;
    padding: 0 8px;
    display: inline-block;
    font-size: 12px;
}

.course-list .free-attention-btn:hover {
    color: #fff;
}

.course-list .add-attention-btn {
    background: #ccc;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 2px;
}

.course-list .free-add {
    font-size: 14px;
    padding-right: 2px;
}

.course-list .free-course-attention a.free-add-cancel-btn {
    color: #1e89e0;
}

.hot-course-list {
    padding: 12px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

.hot-course-list .ui-avatar {
    margin-right: 10px;
    width: 40px;
    display: inline;
}

.hot-course-list .ui-avatar .avatar-photo {
    width: 40px;
}

.hot-course-list .ui-avatar .avatar-photo ul {
    height: 40px;
}

.hot-course-list .ui-avatar .avatar-photo ul li {
    width: 40px;
}

.hot-course-list .ui-avatar .avatar-photo .ui-userinfo .userpic {
    display: block;
    width: 40px;
    height: 40px;
}

.hot-course-list .ui-avatar .avatar-photo img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.hot-course-list .course-detail {
    display: block;
}

.hot-course-list .course-detail p {
    margin: 3px 0;
    line-height: 18px;
}

.hot-course-list .course-detail p.course-teacher {
    height: 22px;
}

.hot-course-list .course-detail p.course-teacher .ui-username {
    max-width: 70px;
    overflow: hidden;
}

.hot-course-list .course-detail p.course-teacher .btn-followed {
    background-color: #ccd1d9;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
}

.hot-course-list .course-detail p.course-teacher .btn-followed:hover {
    background-color: #ccd1d9;
    color: #fff;
}

.hot-course-list .course-detail p.course-title .title-detail {
    font-size: 12px;
}

.hot-course-list .course-detail .course-teacher {
    margin-top: 0;
}

.hot-course-list .course-detail .course-teacher .ui-username {
    font-size: 14px;
    line-height: 22px;
}

.hot-course-list .course-detail .course-teacher .course-icon {
    line-height: 22px;
    height: 22px;
}

.hot-course-list .course-detail .course-teacher .icon-s-yverify {
    background: url('../img/icon-s-yverify.png') no-repeat 0 center;
}

.hot-course-list .course-detail .course-teacher .icon-s-redverify {
    background: url('../img/icon-s-redverify.png') no-repeat 0 center;
}

.hot-course-list .course-detail .amount-show {
    margin-bottom: 0;
}

.hot-course-list .course-detail .amount-show .course-static {
    margin-right: 13px;
}

.hot-course-list .course-detail .avatar-name .title-detail {
    margin-right: 18px;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    float: left;
}

.hot-course-list .course-detail .avatar-name .course-static {
    line-height: 20px;
}

.hot-course-list .course-detail .avatar-name .course-static .icon-people {
    background: url("img/ic_username.png") no-repeat scroll left center;
    display: inline-block;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    vertical-align: top;
    width: 20px;
}

.hot-course-list .course-detail .avatar-name .course-static strong {
    color: #e74c3c;
    font-weight: normal;
}

.hover-feed {
    background: #fcfcfc;
    cursor: pointer;
}

.search-teacher-info {
    width: 100%;
    height: 240px;
    background: url("../img/teacher-bg.png") no-repeat;
    background-size: 1200px 240px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.search-teacher-info .xes-mall-teacher-avatar {
    width: 250px;
    height: 230px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 250px;
}

.search-teacher-info .xes-mall-teacher-avatar img {
    width: 250px;
}

.search-teacher-info .xes-mall-teacher-info {
    width: 400px;
    position: absolute;
    left: 605px;
    top: 55px;
}

.search-teacher-info .xes-mall-teacher-info .x-m-t-name {
    color: #fff;
    font-size: 30px;
    font-family: "MicrosoftYaHei";
    font-weight: bold;
    margin-bottom: 20px;
}

.search-teacher-info .xes-mall-teacher-info .x-m-t-name .x-m-t-dav {
    width: 12px;
    height: 12px;
}

.search-teacher-info .xes-mall-teacher-info .x-m-t-info {
    color: #fff;
    font-size: 15px;
    font-family: "MicrosoftYaHei";
    margin-bottom: 20px;
    line-height: 25px;
}

.search-teacher-info .xes-mall-teacher-info a.x-m-t-enter {
    display: block;
    width: 100px;
    height: 23px;
    border-radius: 1px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

.layout-header {
    width: 100%;
    height: 120px;
}

.layout-body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.teacher-container {
    margin: 0px auto;
    width: 1200px;
    background: url("../img/headerBack.jpg") top no-repeat;
    background-size: 1200px 442px;
    /* background-color: #fff; */
}

.teacher-content {
    height: 100%;
    /* background-color: rgb(138, 64, 212); */
    margin: 0px 50px;
    min-height: 428px;
}

.teacher-header-wrap {
    height: 428px;
}

.teacher-header {
    padding-top: 60px;
    width: 100%;
    margin-bottom: 50px;
}

.teacher-header-img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.personCenterFresh-right {
    float: right !important;
    font-size: 16px;
    color: #333;
}

.personCenterFresh-right span {
    margin-left: 20px;
}

.center-img-all {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.teacher-header-info {
    text-align: center;
    font-size: 16px;
    margin-top: 17px;
}

.teacher-header-follow {
    text-align: center;
    width: 100px;
    height: 32px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    background: #ff3333;
    border: 1px solid #ff3333;
    line-height: 30px;
    padding: 0;
}

.teacher-header-follow.btn-warning {
    background: #f13232;
    color: #fff;
}

.teacher-content a.text-primary:hover,
.teacher-content a.text-primary:focus {
    color: #ff3334;
}

.follow_cancel {
    font-size: 16px;
    padding: 0;
    line-height: 30px;
    margin-left: 6px;
}

.follow_cancel:hover {
    color: #fa4747;
}

.centerHeader-notFoucs .btn-warning:hover {
    background: #fa4747;
}

.centerHeader-notFoucs .btn-warning:active {
    background: #d42525;
}

.centerHeader-notFoucs .centerHeader-notFoucs-btn {
    font-size: 16px;
    letter-spacing: 3px;
    border-radius: 2px;
}

.centerHeader-teacher-background .ui_follow .follow_cancel {
    color: #fff;
}

.centerHeader-notFoucs {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    line-height: 30px;
}

.btn-warning:active:focus {
    background: #d42525;
}

.btn-warning:active,
.btn-warning:focus {
    background: #d42525;
}

.teacher-name {
    color: #333333;
    font-size: 16px;
}

.teacher-career {
    color: #666666;
    font-size: 14px;
}

.teacher-options {
    width: 100%;
    height: 122px;
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 10px;
}

.teacher-options ul {
    overflow: hidden;
    width: 880px;
    text-align: center;
    margin: 0 auto;
    height: 100%;
}

.teacher-options li {
    width: 24%;
    max-height: 70px;
    display: inline-block;
    text-align: center;
    margin-top: 34px;
    vertical-align: top;
}

.teacher-options li a {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.teacher-options li a i {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -8px;
}

.teacher-options li:last-child i.fa-clock-o {
    transform: rotate(90deg);
}

.teacher-options img {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    display: block;
    padding-bottom: 14px;
}

.teacher-options-info {
    font-size: 14px;
    text-align: center;
    display: inline-block;
    color: #333333;
    margin-top: 30px;
}

.teacher-content-left {
    float: left;
    width: 830px;
    background: #fff;
    height: 100%;
    margin-right: 10px;
    min-height: 470px;
}

.teacher-content-right {
    float: right;
    width: 260px;
    min-height: 470px;
    /* 自适应高度 */
    background: #fff;
    overflow: hidden;
}

.teacher-left-tab {
    position: relative;
    overflow: hidden;
    height: 50px;
    background: #f0f0f0;
    font-size: 16px;
}

.teacher-left-tab ul {
    margin: 0;
    padding: 0;
    line-height: 50px;
}

.teacher-left-tab ul li {
    display: inline-block;
    width: 16%;
    text-align: center;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    position: relative;
}

.teacher-left-tab ul li a {
    color: #333333;
}

.teacher-left-tab ul .current {
    background-color: #fff;
}

.teacher-left-tab ul .current:before {
    width: 20px;
    height: 2px;
    display: inline-block;
    background-color: #f13232;
    content: ' ';
    position: absolute;
    margin-left: 50%;
    left: -10px;
    bottom: 0;
    border-radius: 15px;
}

.teacher-self-tip {
    margin-top: 50px;
}

.teacher-self-tip h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #333333;
}

.teacher-self-tip p {
    font-size: 14px;
    color: #666666;
}

.teacher-self-tip p img {
    max-width: 100%;
}

.teacher-self-tip img {
    max-width: 100%;
}

.teacher-self-tip:first-child {
    margin-top: 12px;
}

.teacher-self-tip:first-child h3 {
    margin-top: 12px;
}

.teacher-img-level {
    position: absolute;
    width: 23px;
    height: 23px;
    left: 75%;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-align: center;
}

.teacher-img-level .level-img {
    margin-top: 2px;
}

.center-visit {
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
}

.center-visit .center-visit-intro {
    margin: 0 14px 20px;
    font-size: 16px;
    text-align: left;
    color: #b0b0b0;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.center-visit .center-visit-person {
    float: left;
    width: 70px;
    margin-bottom: 30px;
    margin-left: 12px;
    text-align: center;
}

.center-visit .center-visit-person .center-visit-header {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.center-visit .center-visit-person .center-visit-name {
    margin-top: 10px;
    text-align: center;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.center-visit .center-visit-person .center-visit-time {
    margin-top: 6px;
    color: #999999;
    text-align: center;
}

.teacher-stu-num {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 12px;
}

.teacher-stu-num span {
    color: #ff3334;
}

.teacher-content-box {
    padding: 20px;
}

.teacher-content-box .glory-content {
    width: 254px;
}

.teacher-content-box .glory-content .water-option .option-con {
    width: 174px;
}

.teacher-content-box .filter-public-tab {
    padding-left: 0;
}

.teacher-content-box .fresh-list {
    padding-left: 0;
}

.teacher-content-box .filter-public-tab .filter-text-style {
    font-size: 16px;
}

.teacher-content-box .glory-content .water-pic img {
    width: 100%;
}

.teacher-content-box .glory-content .glory-water {
    width: 254px;
}

.teacher-content-box .glory-content .water-option {
    width: 254px;
}

.teacher-content-box .xue-fresh-left-box {
    width: auto !important;
}

.teacher-content-box .filter-public-tab .filter-nav-list ul li a {
    font-size: 16px;
}

.teacher-content-box .filter-public-tab .filter-nav-list ul li.current a {
    color: #ff3334;
}

.teaGlorys-box {
    overflow: hidden;
}

.teaGlorys-box .glory-content:last-child {
    margin-right: 0;
}

.centerHeader-alFocus {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    line-height: 30px;
}

.centerHeader-alFocus-btn.btn-default {
    text-align: center;
    width: 100px;
    height: 32px;
    font-size: 16px;
    border: 1px solid #999;
    border-radius: 20px;
    background: none;
    line-height: 30px;
    padding: 0;
}

.centerHeader-alFocus-btn.btn-default:hover {
    border: 1px solid #666;
}

.online-service-body {
    width: 100%;
    height: 110px;
    background: #ff3334;
}

.online-service-body .online-service {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
}

.online-service-body .online-service .o-pic {
    float: left;
    width: 105px;
    margin: 10px 30px 0 60px;
}

.online-service-body .online-service .o-text {
    float: left;
    width: 900px;
    font-size: 16px;
    color: #fff;
}

.online-service-body .online-service .o-text span {
    display: block;
}

.online-service-body .online-service .o-text span:first-child {
    padding-top: 30px;
}

.online-service-body .online-service .o-text span button {
    display: inline-block;
    border: 0;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    color: #333;
    background: #fff;
    margin-left: 20px;
}

.feedback-body {
    background: #fff;
    margin: 20px auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.feedback-body .f-item {
    overflow: hidden;
    padding: 20px 40px 0;
}

.feedback-body .f-item h1 {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.feedback-body .f-item h1 em {
    color: #ff3334;
}

.feedback-body .f-item h1.three {
    padding-left: 10px;
}

.feedback-body .f-item ul.f-list {
    overflow: hidden;
    margin-top: 30px;
    padding-left: 12px;
}

.feedback-body .f-item ul.f-list li {
    float: left;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-right: 20px;
    border-radius: 2px;
    cursor: pointer;
}

.feedback-body .f-item ul.f-list li.active {
    border: 1px solid #ff3334;
    color: #ff3334;
}

.feedback-body .f-item .f-text {
    overflow: hidden;
    margin-top: 20px;
    padding-left: 12px;
}

.feedback-body .f-item .f-text textarea {
    width: 940px;
    height: 180px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 15px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.feedback-body .f-item .f-phone {
    font-size: 14px;
    margin-top: 20px;
    padding-left: 12px;
}

.feedback-body .f-item .f-phone .phone {
    width: 300px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding-left: 5px;
    color: #999;
}

.feedback-body .f-item .input-file-item {
    float: left;
    overflow: hidden;
    margin-top: 20px;
    padding-left: 12px;
    position: relative;
}

.feedback-body .f-item .input-file-item .input-file-bg {
    display: block;
    width: 140px;
    height: 140px;
    background: url(../img/addPicbg.png) no-repeat;
}

.feedback-body .f-item .input-file-item .input-file {
    width: 140px;
    height: 140px;
    opacity: 0;
    position: absolute;
    left: 12px;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.feedback-body .f-item #gImgs {
    float: left;
    width: 140px;
    height: 140px;
    border: 1px solid #dcdcdc;
    margin-top: 20px;
    margin-left: 12px;
    display: none;
}

.feedback-body .f-item #gImgs img {
    width: 140px;
    height: 140px;
}

.feedback-body .f-item .btnSubmit {
    overflow: hidden;
    margin-top: 20px;
    padding-left: 12px;
}

.feedback-body .f-item .btnSubmit button {
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    background: #f00;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 0;
}

.feedback-body .f-item .timesOne {
    color: #999;
    line-height: 80px;
    padding-left: 12px;
}

.feedback-body .feedback-finish {
    text-align: center;
    padding: 50px 0 20px;
}

.feedback-body .feedback-finish .t-finish-title {
    line-height: 70px;
    font-size: 16px;
    color: #ff3334;
}

.feedback-body .feedback-finish .t-finish-tips {
    font-size: 14px;
    color: #999;
    padding-top: 20px;
}

.feedback-body .feedback-finish .t-finish-tips a {
    color: #1e89e0;
    padding-left: 10px;
}

.feedback-body .feedback-finish .t-finish-tips em {
    color: #ff3334;
}